.ul-topcamera { justify-content: space-evenly; }
 .ul-topcamera > li { border: 1px solid #0eec74; border-radius: 20px; width: 30%; margin-top: 20px;    padding: 10px; }
 .li-topcamera h3 {margin: 15px 0px;text-transform: uppercase;text-align: center;}
 .li-topcamera h3 a { font-size: 13px; color: #001842; background: #ffd200; display: block; padding: 5px; height: 35px; text-align: center; }
 .hinhseller img { border-radius: 15px; padding: 5px; }
 .giakm-topcamera {font-size: 14px;text-align: center;}
 .giakm-topcamera b { font-size: 17px; color: #fff; background: #0052b5; border-radius: 5px; padding: 3px 5px; }
 .li-topcamera ul { margin: 10px 0px; }
 .li-topcamera ul li {width: 100%;padding: 5px;}
 .li-topcamera ul li:not(.li-topcamera ul li:last-child) { border-bottom: 1px dashed #096899; }
 .li-topcamera ul li b { color: #004158; }
 .li-topcamera ul li, .li-topcamera ul li b { font-size: 13px; }
 .title-indextop { font-size: 26px; text-align: center; color: #053f3f; margin: 30px 0px 50px 0px; position: relative; width: 100%; text-transform: uppercase; }
 .title-indextop:before { content: ""; position: absolute; width: 20%; left: 40%; bottom: -12px; border-bottom: 3px solid #007eff; border-radius: 5px; margin: auto; display: block; }
 .box-products {display: flex;flex-wrap: wrap;width: 100%;}
 .title-indexh2 {font-size: 22px;text-align: left;    margin: 20px 0px;}
 .title-indexh2::after { content: ""; border-bottom: 3px double #ffa700;border-radius: 5px; position: absolute; display: block; margin-top: 7px; width: 10%;  z-index: 9999; }
 .title-listproduct { border-bottom: 1px solid #00bf67;margin: 20px 0px;    width: 100%; }
 .title-listproduct a {color: #ffffff;background: #00bf67;font-size: 20px;text-transform: uppercase;padding: 5px 8px;}
 .text-listproduct p { font-size: 14px; }
 .text-listproduct { background: #d2f4ff; margin-bottom: 15px; border-radius: 5px; padding: 8px; }
 .menu-tab-product {width: 25%;    background: #00bf67;    padding: 8px;}
 .listproductindex {width: 75%;}
 .listproductindex { display: flex; flex-wrap: wrap;  padding: 0; border: 1px dashed #ededed; }
 .listproductindex .product { width: 24%; margin-right: 1%; padding: 5px; position: relative; border: 1px solid #eee; margin-bottom: 8px; border-radius: 5px; }
 .products-info h3 {border-bottom: 2px dashed #0052ff;padding-bottom: 5px;line-height: 12px;margin: 5px 0px;height: 42px;}
 .product-img img:hover { transform: scale(1.1); transition: .5s all ease}
 .product-info h3::after { content: ""; position: absolute; width: 30%; border-bottom: 1px solid #00b425; }
 .product-info h3 a {color: #181818; text-align: left; font-size: 12px; height: 30px; margin: 5px 0px; text-transform: capitalize;  display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
 .giakm-product b { padding: 1px 3px; border-radius: 5px; background: #ffc700; color: #1a1a1a; font-size: 13px; }
 .giatt-product b {color: #4d4d4d; font-weight: 500; font-size: 12px;text-decoration: line-through; }
 .boxgia-product { padding: 7px 0px; clear: both; }
 .boxgia-product span { font-size: 13px; }
 .menu-tab-product li {padding: 5px 8px;margin-bottom: 3px;background: #fff;border-radius: 3px;}
 .menu-tab-product li:hover {background: #ffe700;}
 .menu-tab-product li:hover a {color: #000;}
 .menu-tab-product li a {color: #003dd2;}
 .listblogindex {display: flex;flex-wrap: wrap;width: 100%;}
 .listblogindex li { width: 23%; margin-right: 2%; }
 .blog-info h3::after { content: ""; position: absolute; width: 20%; left: 0; bottom: 0; border-bottom: 2px solid #0066ff; border-radius: 5px; }
 .blog-info h3 {font-size: 14px;padding: 5px; margin-top: 5px;margin-bottom: 8px;position: relative;}
 .blog-info h3 a { color: #00326f; text-align: left; height: 35px;font-size: 14px; }
 .blog-img img { border-radius: 15px; }
 .gioithieu-blog p { font-size: 14px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
 .li-bestcam { width: 32%; margin-right: 1%; }
 .li-bestcam h3 a {color: #001a5b;}
 .li-bestcam h3::after { content: ""; position: absolute; border-bottom: 1px dashed #0f67ff; z-index: 9999; width: 25%; bottom: 0; left: 0; }
 .li-bestcam h3 { margin: 5px 0px; text-align: center; position: relative; }
 .box-gioithieucty {display: flex;flex-wrap: wrap;width: 100%;align-items: center;justify-content: center;margin-bottom: 25px;background: #e0f6ff;padding: 10px;}
 .box-gioithieucty .colum70 { padding: 20px; width: 60%; }
 .gioithieucty {display: flex;margin: 20px 0px;}
 .gioithieucty img {border-radius: 42px;}
 .box-gioithieucty p {font-size: 13px;}
 .ud-team p {font-size: 14px;}
 .ud-brands-logo { display: flex; flex-wrap: wrap; width: 100%; margin: 20px 0px;justify-content: center; }
 .ud-brands .ud-brands-logo .ud-single-logo {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 13%; margin-right: 1.2%; }
 .ud-brands .ud-title h6 { font-weight: normal; font-size: 16px; color: var(--body-color); display: inline-block; position: relative; }
 .ud-brands .ud-title h6::after { content: ""; position: absolute; width: 30px; height: 1px; background: #afb2b5; right: -40px; top: 50%; }
 .ud-hero-brands-wrapper { text-align: center; margin-bottom: 40px; }
 .ud-hero-brands-wrapper img { -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0.5; max-width: 250px; }
 .ud-hero-brands-wrapper img:hover { opacity: 1; }
 .footer-contact { width: 40%; padding: 5px; }
 .footer-info,.footer-link { width: 30%; }
 .ud-footer-widgets { display: flex; flex-wrap: wrap; }
 .ud-footer { background: #055121; padding-top: 30px; position: relative; z-index: 1; overflow: hidden; clear: both; }
 .footer-contact h3 { font-size: 16px; text-transform: uppercase; }
 .footer-contact h3 a { color: #fff; }
 .ud-footer-widgets h2 { line-height: 23px;background-color: #0feaff; text-align: center; margin: 20px 0px; width: 100%; text-transform: uppercase; }
 .ud-footer-widgets h2 a { color: #002d5a; font-size: 20px; padding: 5px 0px; }
 .footer-contact h3, .footer-info h3, .footer-link h3 { font-size: 16px; text-transform: uppercase; color: #ffd200; font-weight: 600; margin: 10px 0px; }
 .footer-contact b:nth-child(2) { color: #ffd200; }
 /* ===== Footer CSS ===== */ .ud-footer .shape { position: absolute; z-index: -1; }
 .ud-footer .shape.shape-1 { top: 0; left: 0; }
 .ud-footer .shape.shape-2 { top: 0; right: 0; }
 .ud-footer .shape.shape-3 { bottom: 0; right: 0; }
 .ud-widget { margin-bottom: 40px;color: #fff; }
 .ud-widget .ud-footer-logo { max-width: 160px; display: block; margin-bottom: 10px; }
 .ud-widget .ud-footer-logo img { width: 100%; }
 .ud-widget .ud-widget-desc { font-size: 14px; line-height: 20px; color: #f3f4fe; margin-bottom: 30px; max-width: 260px; }
 .ud-widget .ud-widget-socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
 .ud-widget .ud-widget-socials a { font-size: 16px; color: #dddddd; margin-right: 20px; }
 .ud-widget .ud-widget-socials a:hover { color: var(--primary-color); }
 .ud-widget .ud-widget-title { font-weight: 600; font-size: 18px; margin-bottom: 35px; color: var(--white); }
 .ud-widget .ud-widget-links {list-style-type: disc; color: #ffd200;}
 .ud-widget .ud-widget-links a { display: inline-block;font-size: 14px; color: #f3f4fe; text-transform: capitalize;}
 .ud-widget .ud-widget-links a:hover { color: #0fffba; transform: translateX(5px);transition: .5s all ease; }
 .ud-widget .ud-widget-brands { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
 .ud-widget .ud-widget-brands a { display: block; max-width: 120px; margin-bottom: 20px; margin-right: 20px; }
 .ud-footer-bottom .ud-footer-bottom-left a:hover { color: var(--primary-color); }
 .ud-footer-bottom .ud-footer-bottom-right { text-align: right; font-weight: normal; font-size: 15px; color: #f3f4fe; }
 .ud-footer-bottom .ud-footer-bottom-right a { color: var(--primary-color); }
 .ud-footer-bottom .ud-footer-bottom-right a:hover { text-decoration: underline; }
 .hotline-fixed { position: fixed; z-index: 9999; bottom: 3%; right: 0; }
 .header-hotline a { width: fit-content; font-size: 22px; padding: 0 15px; font-weight: 600; display: block; margin: auto 0; text-align: right; color: #fff; background: #06126c; border-radius: 5px; animation: nhapnhaytext .3s infinite; }
 @keyframes nhapnhaytext { 0% { color: #ffffff; }
 50% { color: #efff00; }
 100% { color: #ffffff; }
 }



 .banggiasale table { margin: 15px 0px; }

 @media (min-width:992px) and (max-width:1199px) {
    .ud-contact-title h2 {font-size: 24px;}
 }
 @media  (max-width:991px) { .listproductindex {width: 100%;}
 .menu-tab-product { width: 100%; display: flex; flex-wrap: wrap;}
 .menu-tab-product li { width: 24%; margin-right: 1%; padding: 3px; margin-bottom: 3px; background: #fff; border-radius: 3px; }
 .menu-tab-product li a {  font-size: 12px; line-height: 14px; height: 20px; text-align: center; }
 .text-listproduct p {font-size: 12px;}
 .title-indexh2 { font-size: 16px;  }
 .listblogindex li {width: 47%;margin-right: 3%;}
 .li-topcamera ul li {padding: 3px;display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
 .li-topcamera ul li, .li-topcamera ul li b {font-size: 12px;}
 .ul-topcamera > li:nth-child(2) h3 a, .ud-main-btn {font-size: 13px;}
 .giakm-topcamera b {font-size: 14px;}
 .ud-main-btn {font-size: 13px;}
 .li-topcamera h3 a { font-size: 12px; line-height: 14px;height: 36px;}
 .title-indextop {font-size: 20px;}
 .box-gioithieucty .colum30, .box-gioithieucty .colum70 { width: 100%; }
 .box-gioithieucty .colum30 img { display: block; margin: auto; width: 70%; }
 .ud-faq .col-lg-6 { width: 47%; }
 p { font-size: 13px;}
 .accordion span { font-size: 12px; }
 }
 @media  (max-width:767px) { .menu-tab-product li, .listproductindex .product  {width: 49%;}
 .menu-tab-product li, .menu-tab-product li a{text-align: left;}
 .title-listproduct a {font-size: 15px; text-align: center; display: block;}
 .title-indexh2 { font-size: 14px;  }
 .ud-pricing {padding: 0;}
 #pricing p { font-size: 13px; }
 .ud-brands .ud-brands-logo .ud-single-logo {width: 23%;margin-bottom: 10px;}
 .footer-contact, .footer-link, .footer-info {width: 100%;}
 .ud-widget,.ud-widget .ud-widget-desc {margin-bottom: 0;}
 .blog-info h3 a {font-size: 12px;}
 .gioithieu-blog p { font-size: 12px;-webkit-line-clamp: 3; line-height: 16px; }
 .ul-topcamera > li,  .ul-topcamera > li:nth-child(2)   {width: 100%;margin: 0px 0px 10px 0px;}
 .hinhseller img { width: 70%; margin: auto; display: block; }
 .ud-contact-title h2 {font-size: 16px;line-height: 24px;}
 .li-bestcam {width: 90%;margin: auto;}
 .ud-testimonial-image a img { display: block; margin: auto; }
 .ud-testimonial-image a { display: block; width: 100%; }
 .footer-contact h3, .footer-info h3, .footer-link h3,  .ud-footer ul li, .ud-footer p{text-align: center;}
 .ud-widget-desc {width: 100%;display: block;margin: auto;}
 .ud-widget .ud-widget-links { list-style-type: none;}
 .ud-faq .col-lg-6 {width: 100%;}
 }
 @media  (max-width:480px) { .hinhseller img { width: 100%; }
 .logo h1 a { font-size: 12px; line-height: 15px; }
 input::placeholder {font-size: 11px;}


 }
 @media only screen and (min-width: 1200px) and (max-width: 1399px) { .ud-widget .ud-widget-brands a { max-width: 100px; }
 }
 .ud-footer-bottom { padding: 35px 0; border-top: 1px solid rgba(136, 144, 164, 0.43); }
 .ud-footer-bottom .ud-footer-bottom-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
 @media (max-width: 767px) { .ud-footer-bottom .ud-footer-bottom-left { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
 }
 .ud-footer-bottom .ud-footer-bottom-left a { font-weight: normal; font-size: 15px; color: #f3f4fe; margin-right: 30px; display: inline-block; }
 @media (max-width: 767px) { .ud-footer-bottom .ud-footer-bottom-left a { margin: 0px 8px 8px; }
 }