<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Max Media Screen ==========================================================*/

/*1440*/
@media screen and (max-width: 1440px) { 

}

/*1366*/
@media screen and (max-width: 1366px) { 


}


/*1280*/
@media screen and (max-width: 1280px) {


}


/*To 1024*/
@media screen and (max-width: 1079px) {


.header-fixed { height: 70px; }
.header-fixed .logo { width: 200px; }

.header-fixed .top-zone { display: flex; height: 100%; top: inherit; }

.header-fixed nav { display: none; }
.header-fixed aside { padding-right:80px; }
.header-fixed aside:before { display: none; }
.nav-mobile aside { padding-top: 100px; }
.nav-mobile:before { height: 74px; }
.nav { display: flex; }
.header-fixed .menu-cart { margin-right: 90px; }
.menu-icon span { position: absolute; width: max-content; display: flex; right: 40px; top: -10px; text-indent: 0; font-weight: 400; }

.box-intro { padding-top:80px; }

.box-main { padding-bottom:30px; }
.box-main aside { width: 250px; }

.my-order .order-lists .action .btn-action { margin-left:inherit; padding-top:10px; }
.my-order .order-lists .action .price { width: 100%; }


}

/*1023*/
@media screen and (max-width: 1023px) {

h1 { font-size:20px; }

.header-fixed aside ul li.phonezone,.header-fixed aside ul li.lineid,.header-fixed aside ul li.l-register { display:none; }
.header-fixed aside ul li.l-user:before { display:none; }

.box-main main { flex:100%; width: 100%; padding-right:0; order:2 }
.box-main aside { width: 100%; order:1; padding-bottom:30px; }

.box-zone-banner-right ul { margin:0 -7px; }
.box-zone-banner-right li { width: 33.3333%; padding: 0 7px; }

.fix-search-home { display:none; border-top: none !important; }
.p-home { margin-bottom:0; position:relative; width: 100%; }
.click-search-home { display: block; position:absolute; width: 100%; height: 100%; z-index:1; left: 0; top: 0; background:url(../images/icon-search-black.svg) no-repeat; background-size:30px; background-position: right center; }
.box-zone-provice { display:none; }

.product-lists-text li { padding: 10px 0 }
.advertise .box-table table { min-width:728px; }
.advertise .box-table { position: relative; width: 100%; overflow-x:scroll; }

.fix-page-aside { display:none; }


.product-gallery .carousel-cell { height:480px; }

.contact-report ul { padding: 0 30px !important }

.my-account aside { width: 100%; padding-right:0; padding-bottom:15px; }
.my-order .order-lists .detail ul { justify-content:space-between }
.my-order .order-lists .detail li  { width: auto; }

footer .footer-nav .list li { padding: 10px; }

}	

/*To Mobile*/
@media screen and (max-width: 767px) {


section { padding: 40px 0; }
select { font-size: 16px; }
input { font-size: 16px; }
textarea { font-size: 16px; }

.header-fixed .logo { width: 160px; }
.header-fixed aside ul li.l-user { display:none; }
.nav-mobile aside .box-call-login { display:flex; }
.header-fixed .menu-member { display:none; }
.header-fixed aside ul li.l-post a { padding: 6px 10px 8px 10px }

.banner-hero .lists li { width: 100% }
.box-zone-banner-right li { width: 50% }

.product-lists li { width: 50% }
.product-lists .photo figure { padding: 36%; }

.post { padding: 15px; }
.post .row-form { width: 100% }
.list-file-up li { width: 50% !important }

.product-gallery .carousel-cell { height:280px; }
.page-detail .in-detail .colum { width: 100%; padding-right:0 }
.page-detail .in-detail .box { width: 100%;border-bottom:1px dashed var(--color-ddd);  }
.page-detail .in-detail .colum:last-child &gt;.box:last-child { border-bottom:none; }

.contact-report ul { padding: 0 15px !important }
.contact-form li { width: 100%; }
.contact-address .list li {  padding: 0 3px; margin-bottom: 10px; }
.contact-address .list li:last-child { margin-bottom: 0; }

.login-zone .box { padding: 0 }
.login-zone .box-login { padding: 15px; }
.my-account main .box { padding: 20px 15px; }
.my-order .order-lists .detail ul { margin: 0}
.my-order .order-lists .detail li { width: 100%; border-bottom:1px dashed var(--color-ddd); padding: 10px 0 }
.my-order .order-lists .detail li:before { display:none; }
.my-order .order-lists .detail li h5 { margin-bottom:0 }
.my-order .order-lists .action .btn-action li { width: 33.3333% }
.my-order .order-lists .action .btn-action li:last-child { width: 100%; padding-top:15px; }
.my-order .order-lists .action .btn-action li:last-child a { padding:20px; }
.my-order .order-lists .action .price .status-ads { justify-content:center; text-align: center; padding: 10px; }
.my-order .order-lists .action .price .status-ads i { margin:auto; }
.my-order .order-lists .action .price .status-ads span { width: 100%; }
.my-order .order-lists .action .price .status-ads small { display:block; width: 100%; text-align:center; }
.my-order .order-lists .action .price .numview { padding-bottom:10px; }
.my-account .btn-submit button { max-width: 100% }


.my-account-profile li { width: 100% }
.my-account-password li { width: 100% }

.full-search .row-form:last-child button { max-width: 100% }

.navigation { padding-bottom:10px; }
.navigation span:nth-child(3) a { max-width: 100px;  }
.navigation span:nth-child(4) a { max-width: 60px;  }

.share-social .text { margin-right:5px; }

.search-order .search-box { width: 100%; padding-top:10px; padding-bottom:5px; }


}

/*640*/
@media screen and (max-width: 640px) {



}

/*414*/
@media screen and (max-width: 480px) {

.nav-mobile { width: 100%; right:-100%; }
.nav-mobile aside { padding: 100px 20px 20px 20px; }
.header-fixed .menu-member { margin-right:0 }

.full-search .row-form { width: 100% }

.btn-submit button {  width: 100%; max-width:100% }

}


/*375*/
@media screen and (max-width: 375px) {

.header-fixed aside ul li.l-post { display:none; }
.header-fixed aside { padding-right:45px; }
.header-fixed .menu-member { margin-right: 30px } 

.contact-address .list li {  width: 100% }
.contact-address .list li:last-child { margin-bottom: 0; }

.share-social { width: 100%; padding-top:10px; }

}

/*320*/
@media screen and (max-width: 320px) { 



.pagination a { width: 32px; height: 32px; }
.pagination span { width: 32px; height: 32px; }


}
</pre></body></html>