/*RESET*/
*, *::before, *::after {box-sizing: border-box; line-height: inherit;}
@media (min-width: 768px) {
	.droopmenu-inner {
		max-width: 720px;
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
}

@media (min-width: 992px) {
	.droopmenu-inner {
		max-width: 960px;
		width: 100%;
		margin: 0 auto;
	}
}
@media (min-width: 1135px) { 
	.container{ max-width: 1135px; width: 1135px;}
	.droopmenu-inner { max-width: 1135px; width: 1135px; margin: 0 auto;}
}


a, a:visited {color: inherit; text-decoration: none; transition: .2s all;}
a:hover, a:focus {color: #1762a6; text-decoration: none;}
button, button:hover, button:focus {border: none; outline: none;}
ul, p {margin: 0; padding: 0;}

li{list-style:none;}
.frame-img { display: block; overflow: hidden; font-size: 0;}
.frame-img--ratio{display: block; position: relative; padding-top: var(--ratio); width: 100%; overflow: hidden;font-size: 0;}
.frame-item--ratio {display: block; position: relative; padding-top: var(--ratio); overflow: hidden;}
.frame-img--ratio img {position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100% ; height: 100%; object-fit: cover;}
.hover-zoom:hover { -webkit-transform: scale(1.2); transform: scale(1.2);}
.hover-zoom { -webkit-transform: scale(1); transform: scale(1); transition: .2s all ease-in;}
img {max-width: 100%;}
iframe {max-width: 100% !important;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-weight: normal;}
figure {margin: 0;}
button {cursor: pointer;}
.form-group {margin-bottom: 0;}
*:focus {outline: none;}
.fancybox-container {font-family: inherit;}
.new-content__summary{font-weight:700;line-height:1.72;color:#696969;text-align:left;font-size:18px;margin:1em 0;}
.html-content {text-align: left; font-size: 16px;}
/*.html-content *{font-family:Roboto !important;}*/
.html-content h1,.html-content h2,.html-content h3,.html-content h4,.html-content h5,.html-content h6,.html-content table{margin: 16px 0 ; font-size: 16px;}
.html-content p,.html-content ul,.html-content div {margin: 1em 0 ; }
/*.html-content ul {padding-left: 25px;}*/
.html-content img {max-width: 100%; height: auto !important;}
.html-content ul {padding-left: 15px;}
.html-content li{list-style:inherit;}
.html-content a {color: #1762a6;font-weight:500;}
.html-content a:hover{color:#FF0000;}
.html-content blockquote{display: block;background: #fff;padding: 15px 15px 15px 30px;margin: 1em 0;position: relative;font-size: 16px;line-height: 1.3;color: #666;text-align: justify;border-left: 5px solid #6eb046;-moz-box-shadow: 2px 2px 15px #ccc;-webkit-box-shadow: 2px 2px 15px #ccc;box-shadow: 2px 2px 15px #ccc;}
.mb45{margin-bottom:45px;}
.aligncenter{display:block;margin:0 auto;}
.border-box{padding:10px;border:1px solid #9C9C9C;border-radius:5px;}
.scrollbar{height:430px;overflow-y:scroll;}
.scrollbar::-webkit-scrollbar {width: 8px;background-color: #F5F5F5;}
.scrollbar::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #1762a6;}
.scrollbar::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
.cus-item{padding:5px 0;}
b, strong {font-weight: bold;}
.video-thumb {position: relative;display: block;}
.video-thumb:before {content: "";display: block;width: 61px;height: 70px;z-index: 1;position: absolute;top: calc(50% - 35px);left: calc(50% - 30.5px);background: url(/images/icons/play.png) no-repeat center center;background-size: contain;opacity:.8;transition:.3s;}
.video-thumb:hover:before{opacity:1;}
.ctn-w-bg {position: relative; overflow: visible; }
.ctn-w-bg::before {content: ""; position: absolute; top: 0; bottom: 0;left: calc(50% - 50vw); right: calc(50% - 50vw); z-index: -2;background-size: cover;}
.img-bckgr {display:block; height: 100%; width: 100vw; max-width: 100vw; object-fit: cover;position: absolute; left: calc(50% - 50vw); right: calc(50% - 50vw);top: 0; z-index: -2;}
body {font-family: 'Roboto', Arial, Tahoma, sans-serif; font-size: 16px; line-height: 1.333;color: #333; padding: 0; margin: 0; overflow-x: hidden;font-weight:300;}


.itag {background: #1762a6;color: #fff;padding: 4px 5px;}
.tags {padding: 3px 5px;margin:2px;background: #dcdcdc;display: inline-block;}
.heading1{font-weight: 500;font-size: 28px;color:#333;text-transform:uppercase;position:relative;text-align:center;padding-bottom:6px;margin-bottom	:28px;}
.heading1:before {content: '';position: absolute;width: 73px;height: 3px;background-color: #6eb046;bottom: 0;z-index: 4;left: calc(50% - 36.5px);border-radius: 1.5px;}
.heading1:after {content: '';position: absolute;width: 136px;height: 1px;background-color: #6eb046;bottom: 1px;left: calc(50% - 68px);z-index: 3;}
.heading2{font-weight: 500; font-size: 24px; color: #1762a6; text-transform: uppercase;  border-bottom:1px solid #ddd;margin-bottom:30px;}
.heading2 span{display:inline-block;padding: 15px 0; position: relative;}
.heading2 span:before{content: ''; position: absolute; left: 0 ; bottom: 0; height:2px; width: 100%;background: #6eb046;}
.btn-more{display: inline-block;font-size:16px; font-weight:500; color: #1762a6 !important; padding:10px 20px; border: 1px solid #1762a6; border-radius: 4px; transition:all .3s;}
.btn-more:hover{background:#1762a6; color: #fff !important;}

.hoverBoxShadow {transition: .3s all linear;}

.hoverBoxShadow:hover,.hoverBoxShadow:focus {box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .15); transform: scale3d(1.006, 1.006, 1);}

.heading-flashsale span{display:inline-block; position:relative; padding: 0 25px;}
.heading-flashsale span:before, .heading-flashsale span::after{content:''; position: absolute; width:20px; height:30px;background-size: contain !important; top:-10px;}
.heading-flashsale span:before{left: 0; background: url(/images/icons/Flashsale-left.png) no-repeat center;}
.heading-flashsale span:after{right: 0; background: url(/images/icons/Flashsale-right.png) no-repeat center;}

.TitH8 {font-size: 18px;line-height: 40px;height: 40px;position: relative;display:block;}
.TitH8 strong {display: inline-block;text-transform:uppercase;background: #6eb046; color:#fff; padding: 0 10px;}
.btn-contact{padding:11px 45px 9px;text-align:center;text-transform:uppercase;color:#fff;background-color: #1762a6;border:1px solid #1762a6;border-radius:4px;display: inline-block;transition: all 0.5s;}
.btn-contact:hover{color:#1762a6 !important; background-color:#fff;border:1px solid #1762a6;transition: all 0.5s;}
.header{font-size:24px;font-weight:normal;color:#1762a6;margin-bottom:17px;}
.header-form{text-transform: uppercase;color: #1762a6;font-weight: normal;margin-bottom: 30px;}
.title{font-size:18px;display:block;height: 46px;overflow: hidden;line-height:1.333;font-weight:500; color: #1762a6;}
.desc{display:block;text-align:left;height:85px;overflow:hidden;font-size:16px;}
.time-new{position:relative;padding-left:22px;margin:11px 0;display:inline-block;font-size:14px;line-height:16px;}
.time-new:before{content:'';background:url(/images/icons/clock.png) no-repeat center center;width:16px;height:16px;top:calc(50% - 8px);left:0;position:absolute;}

.swiper-button-next, .swiper-button-prev{width: 44px; height: 44px; border: 1px solid #d70109; border-radius: 4px; background-size: 22px !important;}
.swiper-button-prev{ background: #d70109 url(/images/icons/previous-white.png) no-repeat center;}
.swiper-button-next{ background: #d70109 url(/images/icons/next-white.png) no-repeat center;}


.price{color:#FF0000;margin:11px 0 14px;font-weight:bold;}
.price1,.sale{font-size: 16px;font-weight:normal;margin-bottom:14px;}
.price1 span{text-decoration:line-through;font-weight: 500;}
.sale-off{font-weight: bold;font-size: 12px;line-height: 14px;color: #FF0000;margin:0;}
.sale span{font-weight:500;}

.sale-home{font-size:14px;color:#fff !important;font-weight:500;position:relative;padding-left:45px;display:inline-block;}
.sale-home:before{content:'';position:absolute;top:0;left:0;width:40px;height:20px;background:url(/images/icons/sale.jpg)no-repeat center center;background-size:cover;}
.views{padding-left:24px;position:relative;display:inline-block;margin-left:13px;}
.views:before{content:'';position:absolute;left:0;top:calc(50% - 8px);width:16px;height:16px;background:url(/images//icons/views.png) no-repeat center center;background-size:100% 100%;}

.bg-gradient-blue{background:linear-gradient(to right, #1762a6, #6eb046); padding:5px; border-radius: 4px;}
.bg-gradient-blue .heading{font-size:18px; font-weight:700; color: #fff; text-align:center;text-transform: uppercase; padding: 15px;}
.bg-gradient-wrap{background:#fff; padding:15px;border-radius: 4px;}
/*=========================================================*/
.header-top{padding:3px 15px;}
.header-top:before{background-color:#6eb046;}
/*.pnlSear{display:none;}*/
header{padding: 15px;display:flex;justify-content:space-between;align-items:center;}

.header-right{display:flex;gap:15px;}
.header-right .hotline span{font-size:12px; font-weight:400;}
.header-right .hotline div a{font-size:18px; font-weight: 700; color: #1762a6;}
.header-right .cart > span{font-size:12px; font-weight:300; color:#a7a7a5;}
.header-right .cart .cart-count{font-size:14px; font-weight:400; color:#1762a6;}


.header-right .hotline,.header-right .cart{padding:5px 5px 5px 60px; position: relative;}

.header-right .hotline:before, .header-right .cart:before{content:''; width:50px;height:50px; position: absolute; top: 0; left: 0; background-size:contain !important;}
.header-right .hotline:before{background:url(/images/icons/hotlline.png) no-repeat center;}
.header-right .cart:before{background:url(/images/icons/bag.png) no-repeat center;}

.header-search form{width: 300px;height: 40px;position: relative;font-size:12px;}
.header-search .search__field {width: 100%;height: 100%; padding: 7px 55px 7px 15px;border: 1px solid #6eb046;border-radius: 25px;}
.header-search .search__submit {width: 40px;height: 40px; background: #6eb046 url(/images/icons/search.png)no-repeat center;background-size:14px;position: absolute;right: 0;top: 0; border: none;border-radius:50%;}
/*Navigation*/
/*.droopmenu-navbar:before {display: block;background: url(/images/icons/bg-menu.png);background-size:100% 100%;}*/

.droopmenu-navbar{box-shadow:none;background:#1762a6;}
.droopmenu-header .droopmenu-brand{display: none;}
.droopmenu-header {height: 62px;}
/*.droopmenu li ul{}*/
.droopmenu li ul li a{padding:5px 5px 5px 15px;}
.droopmenu li > ul{width:230px;}
.droopmenu > li > a{color:#fff;padding:0 15px;}
.dm-nav-brand a, .droopmenu-brand, .droopmenu > li > a, .droopmenu > li > span {line-height: 62px;height: 62px;}
.droopmenu-brand{margin:0;}
.dm-nav-brand a img, .droopmenu-brand img {height:54px;display:block;top:calc(50% - 27px);}
/*.droopmenu-inner{padding:0 15px;}*/
.droopmenu > li{font-family:"Roboto", Arial, Tahoma, sans-serif;font-size:16px;}
.droopmenu li:hover > a,.droopmenu>li.active>a {color: #6eb046;}
.droopmenu>li.active>a{font-weight:bold;}
.droopmenu li li:hover > a,.droopmenu li li.active>a{background-color:#1762a6;color:#fff;}
.droopmenu li li a .droopmenu-indicator em:after{top:calc(50% - 9px);}
.droopmenu-inner{padding:0 15px;}
.droopmenu-extra{display:none;}
/*.droopmenu-extra .hotlineTop{background:#fff;position:relative;height:62px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#FF0000;text-align:center;font-family:"Roboto", Arial, Tahoma, sans-serif;}
.droopmenu-extra .hotlineTop p{font-size:14px;font-weight:500;padding-left:50px;}
.droopmenu-extra .hotlineTop a{font-size:24px;font-weight:500;padding-left:50px;position:relative;}
.droopmenu-extra .hotlineTop a:before{content:'';position:absolute;width:48px;height:48px;background:url(/images/icons/phone.png)no-repeat center center;bottom:7px;left:-3px;}
.droopmenu-extra .hotlineTop:before{content: '';position: absolute;z-index: 2;top: 0;left: -15px;width: 30px;height: 62px;background: #fff;	transform: skewX(25deg);z-index:-99;}
.droopmenu-extra .hotlineTop:after{content: '';position: absolute;top: 0;right: calc(552.5px - 50vw);background: #fff;display: block;width: calc(50vw - 552.5px);height: 100%;}*/
.dmsticky{position:-webkit-sticky;position: sticky;width: 100%;top: 0;}
.droopmenu-row{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.droopmenu-col3, .droopmenu ul.droopmenu-grid ul.droopmenu-col3{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;float:none;}
.droopmenu .droopmenu-col li h4 a{color:#1762a6;font-weight:500;}
.droopmenu .droopmenu-col{margin-bottom:15px;}
.droopmenu .droopmenu-col li a{font-weight:400;}
.droopmenu .droopmenu-col ul li{padding-left:20px;position:relative;}
.droopmenu .droopmenu-col ul li:before{content:'';position:absolute;width:6px;height:6px;background:#1762a6;left:7px;top:calc(50% - 3px);border-radius:100%;}
.droopmenu .droopmenu-col li:hover  a, .droopmenu .droopmenu-col li.active  a{color:#663300;background:inherit;}


.category{background:#6eb046;}
.category:before{content:'';position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width:15px; height: 15px; background: url(/images/icons/category.png) no-repeat center; background-size: contain;}
.category > a{color: #fff !important; padding:0 42px !important;text-transform:uppercase;}
.category > a .droopmenu-indicator{display:none !important;}
.category ul{width:269px !important; min-height:300px;}
.category ul ul, .categoryHome ul{height:100%;}
.category > ul > li, .categoryHome > li{position:unset !important; border-bottom: 1px solid #E1E1E1 !important;}
.droopmenu .category li  a, .categoryHome li a{position:relative; color:#1762a6; padding: 11px 5px 11px 30px; display:block; background:#fff;}
.droopmenu .category li ul a,.categoryHome li ul a{padding: 7px 13px;}
.category > ul > li > a:before,.categoryHome > li > a:before{content:'';position: absolute; left: 7px; top: 50%; transform: translateY(-50%); width:15px; height: 15px; background: url(/images/icons/medic.png) no-repeat center; background-size: contain;}
.category li:hover > a,.category li.active > a, .categoryHome li:hover > a {color: #1762a6 !important; background:#f2f6f4 !important;}

.categoryHome{min-height:185px; position:relative;}
.categoryHome li ul{display:none; position: absolute; left:100%; top:0; width:269px; background:#fff; z-index:9999999999;}
.categoryHome li.has-child > a:after{content: ''; position: absolute; right:7px;top: 50%; transform: translateY(-50%); width:12px; height:12px; background:url(/images/icons/arrow-right.png) no-repeat center; background-size: contain;}
.categoryHome li.has-child > a{padding-right:20px;}
.categoryHome li.has-child:hover ul{display:block;}

/*----------HomePage------------------*/
/*SlideHome*/
.slide-home {
	--ratio: 34.73%;
}
.slide-home img{width:100%;}

.swiper-hover-show-button .swiper-button-next{right:0;opacity:0; transition:all .3s;}
.swiper-hover-show-button .swiper-button-prev{left:0;opacity:0; transition:all .3s;}

.swiper-hover-show-button:hover .swiper-button-next,.swiper-hover-show-button:hover .swiper-button-prev{opacity:1;}

.formContactHome{padding:10px;background:#f5f5f5; margin-top:10px;}
.formContactHome p{color:#000; font-weight:500;margin-bottom:7px;}
.formContactHome input{height:30px;padding:7px; border:none; background: #fff; display:block; width:100%; margin-bottom: 10px;}
.formContactHome .form-wrap{display:flex;justify-content: space-between;}
.formContactHome .form-wrap input{margin:0;width: 100px;}
.formContactHome .form-wrap button{color:#fff;border:1px solid #6eb046; background:#6eb046; padding: 0 10px;}

.Support{padding:24px 0;}
.support-item{display:flex; align-items:center;}
.support-item img{height:50px;margin-right:20px;}
.support-item h3{font-weight: bold;font-size: 18px;line-height: 1.333;color: #1762a6;}

.AdsHome{--ratio:50%; display:flex; flex-wrap: wrap; row-gap:15px;column-gap: 2%; margin:30px 0 50px; justify-content:center;}
.AdsHome div{width: 32%;}

#SectionProSaleHome .bg-gradient-wrap{padding:15px 10px;}
#SectionProSaleHome .price,  .price1{font-size:13px;}
#SectionProSaleHome .product figcaption{padding:18px 7px 14px}
#SectionProSaleHome .product > a.frame-img--ratio{border:none;}
#SectionProSaleHome .btn--buy{border-radius:25px;margin: 0 7px 10px;}
#SectionProSaleHome .slide-pro-home .swiper-pagination{position: static; margin-top: 16px;}
#SectionProSaleHome .slide-pro-home .swiper-pagination-bullet-active {background: #6eb046;}

.NewsScroll{padding:10px;background:#fff;height:435px;align-self:center;border:1px dashed #1762a6;}
.NewsScroll .scrollbar{height:100%;}
.NewsScroll .title{margin:0 0 5px !important;height:48px !important;}
.NewsScroll .desc{height:65px}
.NewsScroll .scrollbar .new .frame-img{height:115px;max-width:165px;}
.NewsScroll .scrollbar .new:not(:last-child){margin-bottom:10px;}
.NewsScroll .scrollbar .new{padding-bottom:10px;}

.bg-gradient-blue .html-content *{color:#1762a6 !important;}
.bg-gradient-blue .html-content a{text-decoration:underline !important;}
.contentHome2Col{display:grid; grid-template-columns: repeat(2,1fr);grid-gap: 15px; background:#fff;}
.contentHome2Col .heading{background:linear-gradient(to right, #1762a6, #6eb046);padding: 15px 10px;}
.contentHome2Col .content-wrap:first-child .heading{background:#1762a6;}
.contentHome2Col .content-wrap:first-child .html-content{padding-left:15px;}
.contentHome2Col .content-wrap:last-child .html-content{padding-right:15px;}


#ContentHome .heading2{margin-bottom:20px; font-size:18px;}
#ContentHome .heading2 span{padding:10px 0;}
#VideoHome .heading1{grid-column:1 / 3;}

#SectionNewsHome{margin:30px 0;}
.new_article_item,slide-news-home{position:relative;}
.new_article_item .frame-img--ratio{border-radius:10px;}
.new_article_item{--ratio:60%;}
.VideoHome{padding:10px;border:1px dashed #1762a6; height:100%;}
.VideoHome .title2{font-size:14px;font-weight:500;line-height:1.3;margin:10px 0;color: #1762a6;position:relative;padding-left:10px;max-height:19px;overflow:hidden;}
.VideoHome .title2:after{content:'';position:absolute;left:0;top:calc(50% - 1.5px); width:3px; height:3px;background:#1762a6;}

.VideoHome .item-video-1{--ratio:65%;}
.VideoHome .item-video-1 .title{margin-top:21px;max-height:46px;height:auto;}
.VideoHome .item-video-2{--ratio:59.44%;display:grid;grid-template-columns:143px minmax(0,auto);grid-column-gap:13px;margin-bottom:15px;}

.FormAdvisory h2,.Custormer_Order h2{font-weight: 500;font-size: 24px;text-transform:uppercase;margin-bottom:15px;}
.Custormer_Order h2{text-align:center;}
.FormAdvisory form input,.FormAdvisory form textarea,.FormAdvisory form select{display:block;width:100%;padding:9px 11px;border:1px solid #9C9C9C;border-radius:3px;margin:16px 0;}
.FormAdvisory form input:focus,.FormAdvisory form textarea:focus,.FormAdvisory form select:focus{border-color:#218cbf;}

.capcha{position:relative;}
.capcha img{position:absolute;top:0;right:0;height:100%;}
.capcha input{padding-right:100px!important;}
.product{--ratio:100%;border:1px solid #1762a6; position: relative;}
.product > a.frame-img--ratio{border-bottom:1px solid #1762a6;}
.product > a.frame-img--ratio img{object-fit:contain;}
.product figcaption{padding:18px 16px 12px;}
.product figcaption .sale{margin:0;}
.product .sale-off{position:absolute; top:5px; left:5px; display:inline-block;padding:5px 7px; color:#fff; background: #1762a6; border-radius:10px;}
.btn--buy{display:flex;align-items:center; justify-content:center; gap: 10px;padding:8px 20px;color:#fff !important;font-size:18px;font-weight:bold;text-transform:uppercase;text-align:center; background-image:linear-gradient(to right,#1762a6 0%,#7eb5d0  51%, #2c9bb8 100%) ;transition: 0.5s;background-size: 200% auto; cursor:pointer;}
.btn--buy:hover{background-position: right center;}
.btn--buy:before{content: '';display: inline-block;background:url(/images/icons/cart.png) no-repeat center; width:30px; height:30px; background-size: contain;}
/*MainPage*/
#MainPage{min-height:500px;margin-bottom:18px;}
.breadCrumb{font-size: 16px;font-weight: normal;padding:8px 0 11px 0; margin-bottom:8px;}
.breadCrumb:before{border-bottom:1px solid #D2D2D2;}
.breadCrumb li{display: inline-block;}
.breadCrumb li:not(:first-child)::before{content: "/";margin: 0.25rem;}
.breadCrumb li a{transition: all .3s;}
.breadCrumb li a:hover,.breadCrumb li.active a{color: #1762a6;}

.ListNews{display: grid; grid-template-columns: repeat(2,1fr);grid-gap:30px; margin:30px 0;}
/*.new{display:flex;padding-bottom:17px;border-bottom:1px solid #B8B8B8;}
.new:not(:last-child){margin-bottom:24px;}
.new .frame-img{flex:1 0 256px;}
.new .frame-img{height:176px;max-width:256px;object-fit:cover;}
.new .frame-img img{width:100%;height:100%;object-fit:cover;}
.new .new-info{padding-left:16px;}
.new .new-info .title{font-size:18px;height:18px;margin:7px 0 16px;color:#1762a6;font-weight:bold;max-height:48px;height:inherit;}*/

.ListProducts{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px 30px;}
.ListProducts .title{font-size:16px;height:40px;}
.ListProducts .product figcaption{padding:12px; padding-bottom:0;}
.ListProducts .product figcaption p ,.ListProducts .product figcaption p span {font-size:12px;}
#PageWrap .Support{grid-template-columns:repeat(2,1fr);}
.Advice{display:grid;grid-template-columns:minmax(0,auto) 318px;margin:30px 0 44px;border:1px dashed #1762a6;padding:0 15px; grid-column-gap:10px;}
.Advice > img{align-self:center;}
/*.Advice .html-content{margin-top:50px;}*/
.Advice .html-content h3{margin-bottom:30px;font-size:20px;}
.Customer{background:#1762a6;color:#fff;text-align:center;padding:20px 0 25px;margin-bottom:25px;}
.slide-customer{position:relative;}
.Customer .heading1{color:#fff;}
.Customer .heading1:before,.Customer .heading1:after{background-color:#6eb046;}
.Customer img{width:93px;height:93px;border-radius:100%;margin-bottom:14px;}
.Customer .Cname{font-size:16px;font-weight:500;}
.Customer .Cadress{font-size:12px;font-weight:300;margin-bottom:9px;}
.Customer .Cdesc{font-size:14px;font-weight:300;width:80%;margin:0 auto;}
.List-Videos{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:27px 20px;--ratio:61.61%;}
.video-title{font-weight: bold;margin-top:16px;}
#FormContact{padding:62px 48px 45px;border:1px solid #777777;margin-top:54px;position:relative;}
#FormContact h4{display:inline-block;position:absolute;font-size:16px;font-weight:500;color:#fff;background:#1762a6;padding:4px 12px;top:-13.6px;left:99px;}
.form-group { margin-bottom: 14px; }
.form-group label {font-size: 16px; margin-bottom: 8px; letter-spacing: 0.5px;font-weight: bold; display: block; text-align: left;}
.form-control {display: block; height: 34px; padding: 6px 12px; width: 100%;font-size: 14px; line-height: 1.42857143;color: #555; background-color: #fff;border: 1px solid #ccc; border-radius: 4px;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
input.form-control,textarea.form-control { border-radius: 0; height: 40px; }
textarea.form-control { height: auto; padding: 10px; }
.form-control::-webkit-input-placeholder { color: #999; }
.form-control:focus {border-color: #167aef; box-shadow: none;}
/*#OrderPopUp{width:700px;}*/
#OrderPopUp .header-form{margin-bottom:18px;}
/*--PageDetail--*/
.descN{margin:16px 0; font-weight:bold;color:#1762a6;}
.slide-certification{--ratio:129.63%;/*padding-left:0;*/}
.tit-similar{border-top: 1px solid #ccc;font-size: 18px;color: #1762a6;padding:10px 0;font-weight:500;text-transform:uppercase;}
.new-item--sml{padding-left:20px;position:relative;color:#FF0000;margin-bottom:10px;font-size:14px;font-weight:normal;}
.new-item--sml:before{content:'';position:absolute;height:4px;width:4px;left:8px;top:8px;background:#FF0000;}

/*============================*/
#ProductSummary{/*display:grid;grid-template-columns:repeat(2,1fr);grid-gap:33px;*/margin-bottom:15px;}
#ProductSummary .frame-img--ratio img{filter:none;}
#ProductSummary img.xactive{border:1px solid #0a7cff;}
.product-head{font-size: 24px;font-weight:500;color:#1762a6;margin-bottom: 10px;}


.pro-summ{color: rgb(85, 85, 85);border-bottom:1px solid #ebebeb;margin-bottom:18px;line-height: 1.64;}
.pro-right .product-price{margin-bottom:36px;}
.pro-right .btn-contact{border:1px solid #6cb0ff;color:#fff;}
.pro-summ ul li{list-style-type:disc;list-style-position:outside;}
.pro-right .btn--buy{background:#E65100;border-radius:6px;	margin-bottom:14px;margin-right:5px;}
.pro-right .btn-shoppe{background: #187644;color: #fff;padding: 0 10px;border-radius: 6px;font-size:16px;font-weight:500;height: 45px;display: inline-flex;align-items: center;text-align: center;padding-left: 45px !important;position: relative;margin-bottom: 14px;line-height: 1.3;cursor: pointer;}
.pro-right .btn-shoppe:before{
	content: '';
    width: 30px;
    height: 30px;
	    background: url(/images/icons/shopee-icon.png) no-repeat center;
    position: absolute;
    left: 8px;
    top: calc(50% - 15px);
    background-size: contain;
}
.pro-right .price1{display:inline-block;margin:0; margin-right:10px;}
.pro-right .price{display:inline-block; margin: 0;}
.pro-right .price{text-align:left;}
.pro-right .price strong{color: #fa2a06;font-size: 18px;text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 3px 3px 5px #333;display: inline-block;margin-right: 10px;}

.proSub{padding:20px 15px; border: 1px solid #1762a6; margin:16px 0; position:relative;}
.proSub h6{display:inline-block; font-size: 18px; text-transform: uppercase; font-weight: 700; padding: 0 10px; color: #1762a6; background: #fff; position: absolute; top: -11px; left: 50%;transform:translateX(-50%); white-space: nowrap;}
.proSub li{display:flex;align-items:center;margin-bottom:10px;}
.proSub li input{margin-top:0;margin-right:5px;cursor:pointer;}
.proSub li label{display:flex;justify-content:space-between;cursor:pointer;flex:1;align-items:center; margin:0; gap:5px;}
.proSub li label > span{font-weight: 400;font-size: 16px;line-height: 19px;color:#000;}
.proSub li label .subTit{flex:1;}
.proSub li label span.price{font-weight: 500;font-size: 20px;line-height: 23px;color: #FF0000;text-align:right; margin: 0; white-space: nowrap;}


.quantity-wrap{display:flex; align-items: center; padding:0 15px; margin:16px 0; flex-wrap: wrap;}
.quantity-wrap label{margin-left:10px; margin-bottom:0; cursor: pointer;}
.quantity-wrap .total{font-size: 15px ;line-height: 37px;border: 1px solid #E7E7E7;border-radius: 3px;padding: 5px 0;margin: 0 40px 0 10px ;display:inline-flex; }
.quantity-wrap .total .sub{background: url(/images/icons/minus.png) no-repeat center;border: none;padding: 0 25px;cursor: pointer; background-size: 13px 13px;}
.quantity-wrap .total .sum{background: url(/images/icons/plus.png) no-repeat center;border: none;padding: 0 25px;cursor: pointer;background-size: 13px 13px;}
.quantity-wrap .hotline{font-size:24px; font-weight:bold; color:#ff0000;padding-left:35px; position:relative; margin:16px 0;}
.quantity-wrap .hotline:before{content: ''; position:absolute;left:0; top:50%; transform: translateY(-50%); width:24px; height:24px; background: url(/images/icons/telephone.png) no-repeat center; background-size: contain;}

#ProductSummary .xzoom {
	box-shadow: none;
	cursor: pointer;
}
#ProductSummary .spotlight {min-height: 350px;position: relative;display: flex;align-items: center;justify-content: center;margin-bottom:10px;border:1px solid #333;}
.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5 {
	border: 1px solid #ccc;
	margin-left: 0;
	margin-bottom: 0px;
}
#ProductSummary .spotlight img {width: 100%;}
#ProductSummary .frame-img--ratio{padding-top:100%;}
#ProductSummary .frame-img--ratio img{object-fit:contain;}
#ProductSummary .xzoom-thumbs{margin-bottom:0;padding: 0 5px 8px 5px;position: relative;left: -5px;margin-right: -10px;}
.IntroDt{padding:15px;border:1px solid #ccc;margin-bottom:16px;}

/*.show-content a{margin: 20px auto 20px auto;display: block;text-align: center;background: #0F9347;color: #fff;font-size: 15px;padding: 10px;max-width:120px;border-radius: 4px;position: relative;}*/
.show-content a{margin: 20px auto 20px auto;display: inline-block;position: relative;}
.show-more{position:relative;}
.show-more::before {content: '';position: absolute;height: 150px;left: 0;right: 0;background: linear-gradient(transparent, #fff);bottom: 57px;}
#Description{height:600px;overflow:hidden;}

/*==============================*/

#ContactPage .btn-contact{padding:6px 120px;background:#1762a6;border-color:#1762a6;}
#ContactPage .btn-contact:hover{background:#fff;color:#1762a6 !important;}

/*--SideBar--*/
#SideBar{padding-left:0;}
.Hotline-Aside{padding:17px 0;border-bottom:1px solid #B4B4B4;}
.Hotline-Aside li{position:relative;padding-left:73px;margin-bottom:20px;}
.Hotline-Aside li:before{content:'';position:absolute;}
.Hotline-Aside li:first-child:before{width:61px;height:61px;top:calc(50% - 30.5px); left:6px;background:url(/images//icons/phone-side.png)no-repeat center center;}
.Hotline-Aside li:last-child:before{width:26px;height:40px;top:calc(50% - 20px);left:23.5px;background:url(/images//icons/local-side.png)no-repeat center center;}
.Hotline-Aside li h4,.Hotline-Aside li a{font-weight:bold;font-size:14px;}
.Hotline-Aside li a{color:#A4030B}
.Hotline-Aside li p{font-weight:300;font-size:14px;}
.side-top{padding:4px 5px;background: linear-gradient(to right, #1762a6, #6eb046);margin-bottom:12px;}
.side-bar{background: #FFFFFF;border-radius: 5px;}
.side-bar .FormAdvisory{padding:18px 5px 20px;}
.side-bar .FormAdvisory h2{font-size:18px;text-align:center;}
.side-bar .FormAdvisory p{font-size:12px;}
.side-bar .FormAdvisory .clockdiv{font-size:25px;margin-bottom:32px;}
.side-bar .FormAdvisory .clockdiv > div > span{padding:5px;}
.side-bar .FormAdvisory form input,.side-bar .FormAdvisory form textarea,.side-bar .FormAdvisory form select {margin:10px 0;}
.side-bar .FormAdvisory form .btn-contact{width:100%;border-radius:0;}

.pro-aside{--ratio:100%; display:grid;grid-template-columns:1fr 2fr; grid-gap:10px;padding: 5px; border:1px solid #E1E1E1; border-radius: 10px; margin-bottom: 10px;margin-left: 5px;margin-right: 5px;}
.pro-aside .frame-img--ratio img{object-fit:contain;}
.pro-aside .title{font-size:14px;font-weight:400; height:50px;line-height:1.2;}
.pro-aside .price,.pro-aside .price1{font-size:12px;}
.pro-aside .price{margin-right:4px;}
.list-news-side{padding:0 5px;}
.heading--aside{font-weight: 500;font-size: 14px;color:#fff;padding:7px 8px;background:linear-gradient(to right, #1762a6, #6eb046);margin-bottom:7px; text-transform:uppercase;}
.new-aside{display:flex;padding-bottom:5px;--ratio:72.26%;}
.new-aside:not(:last-child){border-bottom:1px solid #B7B7B7;margin-bottom:10px;}
.new-aside .frame-img{height: 78px;max-width: 100px;object-fit: cover;flex:1 0 100px;}
.new-aside .new-info{padding-left:10px;}
.new-aside .new-info .title{font-size:16px;font-weight:500;color:#FF0000;height:44px;}
.new-aside .new-info .desc{font-size:14px;font-weight:300;height:38px;}
.new-aside .frame-img img{width:100%;height:100%;}
.QC-Right a{display:block;margin-bottom:6px;}
.QC-Right img{width:100%;}

#SectionPartner{padding:35px 0 15px;}
#SectionPartner:before{background: linear-gradient(to top, #1762a6, #6eb046);}
#SectionPartner h2{font-size:28px; font-weight: 500; text-transform:uppercase; text-align:center; margin-bottom: 15px;}
.partner-item{background:#fff;text-align:center;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);}
.partner {height: 95px; object-fit:contain;padding:15px;}
.ovrly31 { width: 100%; overflow: hidden; position: relative; }
.ovrly31 .ovrly {position: absolute; left: 0; top: 1px;background: rgba(110, 176, 70,0.8);height: 100%; width: 100%;-webkit-transform: rotateZ(-180deg); -moz-transform: rotateZ(-180deg); -ms-transform: rotateZ(-180deg); -o-transform: rotateZ(-180deg); transform: rotateZ(-180deg);-webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.ovrly31 a {display: inline-block; width: 75%;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);font-size: 16px;color: #fff; text-transform: uppercase; font-weight: bold;text-align: center; line-height:1.3; opacity: 0; transition: all 0.2s 0.3s}
.ovrly31:hover a, .ovrly31:focus a { opacity: 1; }
.ovrly31:hover .ovrly {-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);}
footer:before{background: #1762a6}
footer *,.tag-footer *{color:#fff !important;}
footer{margin-top:30px;}
.tag-footer{padding:10px 0 15px;}
.tag-footer:before{background:#165895;}
.heading-footer{font-size:18px; font-weight: 700; color: #fff; text-transform: uppercase;margin: 24px 0 16px;}
#MenuFooter{}
#MenuFooter li{display:block;padding:7px 0 7px 20px;position:relative;border-bottom:1px solid #346db4;}
#MenuFooter li:before {content: ''; position: absolute; background: url(/images/icons/right-arrow.png) no-repeat center; width: 15px; height: 15px; background-size: contain; left: 0; top: 50%; transform: translateY(-50%);}
#MenuFooter li:last-child{border-bottom:none;}


.supportBottom{position:relative;margin-bottom:40px;}
.supportBottom:before{background:rgba(37, 179, 103, 0.12);}
#lbl_Pagination {font-size: 0;display:block;text-align:right;margin:40px 0 20px;}
#lbl_Pagination a {
  display:inline-block; padding: 9px 11px; border: 1px solid hsl(0, 0%, 92%);
  font-size: 12.267px;  line-height: 1; transition: all .2s;
}
#lbl_Pagination a:not(:last-child) {margin-right: 10px;}
#lbl_Pagination .cpage, #lbl_Pagination a:hover, #lbl_Pagination a:focus { border: 1px solid #6eb046; background: #6eb046; color: white; }
.scrollTop {position: fixed;right: 25px;bottom: 50px;-webkit-transition: background .25s ease-in-out,opacity .25s ease-in-out,bottom .25s;-moz-transition: background .25s ease-in-out,opacity .25s ease-in-out,bottom .25s;transition: background .25s ease-in-out,opacity .25s ease-in-out,bottom .25s;opacity: 0;width: 44px;height: 44px;margin: 0;padding: 0;border: none;border-radius: 50%;background: #4c5b5c;z-index:99999;display:inline-block;}
.scrollTop:before {-webkit-transform: rotate(-45deg) translateY(-50%);-moz-transform: rotate(-45deg) translateY(-50%);-ms-transform: rotate(-45deg) translateY(-50%);-o-transform: rotate(-45deg) translateY(-50%);transform: rotate(-45deg) translateY(-50%);left: 10px;}
.scrollTop:after {-webkit-transform: rotate(45deg) translateY(-50%);-moz-transform: rotate(45deg) translateY(-50%);-ms-transform: rotate(45deg) translateY(-50%);-o-transform: rotate(45deg) translateY(-50%);transform: rotate(45deg) translateY(-50%);right: 10px;}
.scrollTop:after, .scrollTop:before {position: absolute;top: 50%;-webkit-transition: background .25s ease-in-out;-moz-transition: background .25s ease-in-out;transition: background .25s ease-in-out;width: 16px;height: 3px;border-radius: 3px;background: #fff;content: "";}
.scrollTop:hover{background-color:rgb(0, 139, 218);}


#copyright{padding:5px 15px;font-weight:400;font-size:16px;color: #fff;background-color:#6eb046;text-align:center;}
.SearchWrap form{display:none;}

.Chat-List{position:fixed;z-index:99999;bottom: 110px;right:22px;}
.Chat-List li a {display: block;width: 44px;height: 44px;border-radius: 50%;text-indent: -9999px;margin-top: 10px;}
.Chat-List li.zalo a{background: url(/images/icons/zalo-icon.png) center center no-repeat;background-size: 100%!important;}
.Chat-List li.call-phone{display:none;}

.phone_animation {background-color: transparent;margin: 0;cursor: pointer;z-index: 200000!important;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);-webkit-transition: visibility .5s;-moz-transition: visibility .5s;-o-transition: visibility .5s;transition: visibility .5s;visibility: visible;
}
.phone_animation_circle_fill_img {width: 44px;height: 44px;top: 0;left: 0;position: absolute;background: rgb(100,188,70) url(/images/icons/iconphone.png) no-repeat center center;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; border: 2px solid transparent;-webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;-o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;background-color: red;background-size: 70%;
}
@-moz-keyframes coccoc-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}
    @-webkit-keyframes coccoc-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}
    @-o-keyframes coccoc-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}}
    @-moz-keyframes coccoc-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}
    @-webkit-keyframes coccoc-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}
    @-o-keyframes coccoc-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}
    @-moz-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}
    @-webkit-keyframes coccoc-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}
    @-o-keyframes coccoc-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}






@media(max-width: 1200px) {
	.hideOverflowOnMobile {
		overflow: hidden;
	}
	.droopmenu>li>a .droopmenu-indicator{line-height:50px;}
.droopmenu li li a .droopmenu-indicator{line-height:35px;}
.droopmenu-offcanvas .droopmenu-nav{background: linear-gradient(to right, #1762a6, #31c2d2);}
.droopmenu li ul{width:auto;}
.droopmenu li ul li a{padding-left:45px;color:#fff;background:#1762a6;}
.droopmenu li ul li ul li a{padding-left:75px;}
.droopmenu li li a .droopmenu-indicator em:after{top:0;}
.droopmenu>li.active>a{background:#fff;}
.droopmenu-toggle{top:calc(50% - 20px) !important;/*background:#6eb046 !important;*/ float:left; width: 40px;}
.droopmenu-extra .droopmenu > li > a{color:#333;height:30px;line-height:30px;}
.droopmenu-toggle i:after, .droopmenu-toggle i:before {background: #ffffff;height:2px;}
.droopmenu-brand{height:50px;}
.droopmenu-brand img{height:40px;top:calc(50% - 20px);}
.droopmenu-header{height:50px;}


.droopmenu .droopmenu-grid-container{padding:10px;background:#fffae6;}
.droopmenu-col3, .droopmenu ul.droopmenu-grid ul.droopmenu-col3{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;width:100%;}
.droopmenu .droopmenu-col li a{background:#fffae6;}
.droopmenu .droopmenu-col ul li a{color:#2C2C2C;}

.droopmenu-toggle i{margin-bottom:7px;}
.droopmenu-toggle.dmt-active .dm-burg:nth-child(1) { -webkit-transform: translate3d(0, 8px, 0) rotate3d(0, 0, 1, -45deg);-moz-transform: translate3d(0, 8px, 0) rotate3d(0, 0, 1, -45deg);-ms-transform: translate3d(0, 8px, 0) rotate3d(0, 0, 1, -45deg); -o-transform: translate3d(0, 8px, 0) rotate3d(0, 0, 1, -45deg); transform: translate3d(0, 8px, 0) rotate3d(0, 0, 1, -45deg);}
.droopmenu-toggle.dmt-active .dm-burg:nth-child(3) {
    margin-bottom: 0;-webkit-transform: translate3d(0, -8px, 0) rotate3d(0, 0, 1, 45deg); -moz-transform: translate3d(0, -8px, 0) rotate3d(0, 0, 1, 45deg);-ms-transform: translate3d(0, -8px, 0) rotate3d(0, 0, 1, 45deg); -o-transform: translate3d(0, -8px, 0) rotate3d(0, 0, 1, 45deg);transform: translate3d(0, -8px, 0) rotate3d(0, 0, 1, 45deg);}

.category ul{width: 100% !important; min-height:auto;}
.category > a .droopmenu-indicator{display:inline-block !important;}
.category:before{top:17px; transform:unset;}

	.cat-wrap{display:none;}
	.slide-home-wrap{padding-right: 15px!important;padding-left: 15px!important;}
}
@media(max-width: 1025px){
	img{max-width:100% !important;}
	.Support{grid-template-columns:repeat(2,1fr);}
	
	.new-aside .frame-img{max-width:40%;flex:1 0 40%;}
	.new-aside .new-info .desc {height:38px;}
	
	.droopmenu-extra .hotlineTop{display:none;}
	.Chat-List li.call-phone{display:block;}
	
	.swiper-hover-show-button .swiper-button-next,.swiper-hover-show-button .swiper-button-prev{opacity: 1;}
	.VideoHome .title2{max-height:unset; overflow:unset;}
}
@media(max-width: 992px){
	.header-search form{width:150px;}
	.droopmenu>li>a{height:50px;line-height:50px;color:#fff;}
	.new-aside .frame-img{height:145px;}	
	#SideBar{padding-left:15px; margin-top:15px;}
	.VideoHome{margin-bottom:15px; height: auto;}
	.slide-home{margin: 0 calc(50% - 50vw); z-index:999}
	.slide-home-wrap{padding-right: 0px!important;padding-left: 0px!important;}
	.new-aside .new-info .desc {height:95px;}
}

@media(max-width: 769px) {
	.ListProducts{grid-template-columns:repeat(2,1fr);}
	.new-aside .frame-img{height:165px;}
	
	#SectionProHome .product:last-child{display:none;}

}
@media(max-width: 575px){
	.hideOverflowOnMobile {
		overflow: hidden;
	}
	.swiper-button-next, .swiper-button-prev{width:30px; height: 30px; background-size: 18px !important;}
	.container{padding-left: 7px ; padding-right: 7px;}
	.row{margin-left: -7px; margin-right: -7px;}
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{padding-left: 7px ; padding-right: 7px ;}
	
header {display: none;}
.sale-home{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:block;}

.droopmenu-header .droopmenu-brand{display: inline-block;}
.logo .droopmenu-brand{display:none;}

.droopmenu-inner{padding:0;}
.droopmenu-offcanvas .droopmenu-nav{width:80%;}
.droopmenu-offcanvas.dmoffleft .droopmenu-nav{left:-80%;}

.droopmenu-header .hotline{padding:0 5px 0 5px; position: relative;display:inline-block;color:#fff; float: right;line-height:1; top: calc(50% - 15px);}
.droopmenu-header .hotline span{font-size:10px; font-weight: 500;}
.droopmenu-header .hotline div a{font-size:10px; color:#FF0000; font-weight:700; text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 3px 3px 5px #1762a6;}
/*.droopmenu-header .hotline:before{content:''; width:20px;height:20px; position: absolute; top: calc(50% - 10px); left: 0;background:url(/images/icons/hotlline.png) no-repeat center; background-size:contain !important;}*/

.droopmenu-header .cart{width: 30px; height: 30px;top: calc(50% - 15px); position: relative; display: inline-block;float: right;}
.droopmenu-header .cart .cart-count{display:inline-block;position:absolute;top:-5px; right: -5px; width:15px; height: 15px; font-size: 10px; line-height: 15px; text-align: center; color: #fff; background: red; border-radius: 100%;}
.droopmenu-header .cart:before{content:''; width:30px;height:30px; position: absolute; top: 0; left: 0;background:url(/images/icons/bag.png) no-repeat center; background-size:contain !important;}

.header-search{padding: 0 10px 5px 10px;}
.header-search form{width:100%; height:24px;}
.header-search .search__field{border-radius:0; padding: 2px 55px 2px 30px; position:relative;}
.header-search form:before{content: ''; position: absolute; left:5px; top: calc(50% - 9px); width: 18px; height: 18px; background: url(/images/icons/search-gray.png) no-repeat center; background-size: contain; z-index: 99;}
.header-search .search__submit{height:100%; background:#6eb046; border-radius:0; color:#fff; font-weight:500; text-transform: uppercase;}

.contentHome2Col {grid-template-columns: 1fr;}

.AdsHome div {width: 48%;}

	header{align-items:flex-start;}
	/*.droopmenu-extra{display:block;height: 50px;display: flex;align-items: center;right:85px;}
	.droopmenu-extra .btn-search{height: 40px;width: 40px;background: #6eb046 url(/images/icons/bg-sear.png) no-repeat center;border-radius: 4px;}
	.btn-search.open {background: #fff url(/images/icons/close-icon-large.png) no-repeat center;}
	.pnlSear.open {display: flex;}
	.pnlSear { height: 40px;line-height: 40px;border: 1px solid #ddd; width: 100%; margin-right: 0;background: #fff;position: absolute; top: 100%;left: 0;right: 0; z-index: 99999;display: none;}
	.pnlSear input {border: none; outline: none;padding: 0 5px;height: 100%;width: 85%;}
	.pnlSear .btnS {width: 15%;background: url(/images/icons/bg-sear.png) no-repeat center #6eb046;cursor: pointer;}*/

	/*.header-search{display:none;}*/
	
	.droopmenu-header{margin-right:0;}
	#ProductSummary,.Advice,#ContentPage .new{display:block;}
	.support-item,.VideoHome .item-video-1{margin-bottom:16px;}
	.pro-left,.border-box{margin-bottom:24px;}
	.new-aside .frame-img{height:96px;}
	.new-aside .new-info .desc {height:56px;}
	#ContentPage .new .frame-img{max-width:100%;height:60vw;}
	#SideBar{padding-left:7px;margin-top:16px;}	
	.mb-pdl-15{padding-left:15px !important;}
	table{width:100%;max-width:100%;}
	/*.slide-home{--ratio:45%;}*/
	.slide-home .frame-img--ratio img{object-fit:inherit;}
	.scrollbar::-webkit-scrollbar{width:4px;}
	
	
	#OrderPopUp{padding:20px;}
	#OrderPopUp .header-form{font-size:24px;margin-bottom:14px;}
	#SectionContact{padding:20px 0;}
	.NewsScroll .scrollbar .new .frame-img{max-width:115px;}
	#FormContact{padding:30px 15px;}
	#ContactPage .btn-contact{padding:6px 20px;width:100%;}
	.proSub li label span.price{font-size:16px;}

	

	#SectionProSaleHome .btn--buy{display:none;}
	#SectionProSaleHome .product .title,.ListProducts .title{font-size:14px; height:50px;line-height:1.2;}
	#SectionProSaleHome .price, .price1{font-size:12px;}
	#SectionProSaleHome .bg-gradient-wrap, #SectionProHome .bg-gradient-wrap, .new_article_item .p-3{padding:10px 5px !important;}
	#SectionProSaleHome .slide-pro-home .swiper-pagination{margin-top:0;}

	.contentHome2Col .content-wrap:first-child .html-content{padding-right:15px;}
	.contentHome2Col .content-wrap:last-child .html-content{padding-left:15px;}
	.ListProducts, .ListNews{grid-gap:15px 5px;}
	.ListProducts .product figcaption{padding:7px; padding-bottom:0;}
	
	.ListNews .new_article_item .title{font-size:14px; height:50px;line-height:1.2; margin:0 0 10px !important;}
	.ListNews .new_article_item .desc{font-size:14px; height:67px;line-height:1.2; margin:10px 0 !important;}
	.quantity-wrap{padding:0;}
	.quantity-wrap .total{margin:0 10px 0 5px; padding:0;}
	.quantity-wrap .hotline{font-size:16px;margin:0; padding-left:20px;}
	.quantity-wrap .hotline:before{width:16px; height:16px;}
}