/* REPONSIVE */
@media(max-width:1300px) { } 
@media(max-width:1001px){
 .header .header-bottom .wrap-content { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 1px 0 0 0; } 
.toolbar, .btn-social { display: block; } 
.scrollToTop,.logo-header { display: none; } 
.header { position: unset; } 
.search-res .icon-search { color: #000; } 
/* .title-effect { display: none; } */}
@media(max-width:850px){
 .banner-header, .about-L::after, .wrap-product::after { display: none !important; } 
 .about-L, .about-R, .footer-news, .product-L ,.product-R, .detail-pr ,.detail-form, .footer-copyright ,.footer-statistic { -ms-flex: 0 0 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; flex: 0 0 100%; max-width: 100%; padding: 0 15px !important; } 
 .animation-ripple { -ms-flex: 0 0 50%; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; flex: 0 0 50%; max-width: 50%; padding: 0 15px !important; } 
 .content-slide .name { font-size: 50px; } 
 .content-slide .desc { font-size: 50px; margin-bottom: -20px; } 
 .content-slide { bottom: 25px; } 
 .name-product { font-size: unset; margin-bottom: 10px; -webkit-line-clamp: 2 !important; } 
 .aboutus-image { top: 0; } 
 .footer-news .main-form { margin-top: 0; background: var(--color-main); } 
 .footer-article .wrap-content { padding: 35px 15px; } 
 /* .footer-article { background: #737373; }  */
 .line-news { display: none; } 
 .title-news span { width: 100%; text-align: center; } 
 .video-index img { height: auto; } 
 .title-form { color: #fff; } 
 .newsletter-button { border: 1px solid #fff !important; } 
 .d-res { display: none; } 
 }
@media(max-width:550px){
 .items-news .image { margin-bottom: 10px; } 
 .criteria { width: 100% !important; } 
 .wrap-aboutus { padding-bottom: 0; } 
 .col-input { margin-bottom: 0; } 
 .newsletter-input { margin-bottom: 10px; } 
 .footer-news .main-form { padding: 20px; } 
 .newsletter-input input { height: 45px; border: 1px solid #ceb759 !important; } 
 .col-content textarea { border: 1px solid #ceb759 !important; } 
 .col-submit { position: unset; } 
 .footer-powered .wrap-content { padding: 20px 15px !important; } 
 .detail-product .detail-image { width: 100%; margin-bottom: 20px; } 
 .detail-product .info-product { width: 70%; padding: 20px 10px; } 
 .detail-product .unit-price { width: 30%; } 
 .right-pro-detail .tools { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } 
 .right-pro-detail .tools p { width: 100%; } 
 .right-pro-detail .tools div { width: 50%; padding-top: 1rem; } 
 .grid--product { grid-template-columns: repeat(1, minmax(0, 1fr)); } 
 .section-project { grid-template-columns: repeat(1, minmax(0, 1fr)); } 
 .w-res { width: 100% !important; } 
 .name-aboutus { font-size: 30px; } 
 .title-news .out-line { display: none; } 
 .title-news span { padding: 5px 20px; } 
 .title-news { padding: 10px; } 
 .items-connect { padding: 10px 10px 0 10px; } 
 .col-connect { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } 
 .items-connect .info-connect { width: 100%; text-align: center; margin-top: 10px; } 
 .title-effect { width: 40px; height: 40px;top: -5px; } 
 }
@media(max-width:440px){
 .info-connect .desc a { font-size: 20px; } 
 .news-info { padding: 10px; } 
 .info-connect .name { font-size: 16px; } 
 .content-slide .desc { font-size: 30px; margin-bottom: -10px; } 
 .content-slide .name { font-size: 30px; } 
 .title-main { margin-bottom: 1rem; } 
 .name-aboutus { font-size: 25px; } 
 .detail-product .detail-image { margin-bottom: 0; } 
 .detail-product .info-product { width: 100%; padding: 20px 10px; } 
 .detail-product .unit-price { width: 100%; } 
 .detail-product .unit-price { padding-right: 0; } 
 .detail-product .unit-price span { text-align: left; } 
 .title-news span { font-size: 30px; } 
 }
@media(max-width:391px) { } 
@media(max-width:360px) { } 


/* REPONSIVE DEFAUT */
@media only screen and (max-width: 850px){
 .wrap-container { position: relative; overflow: hidden; } 
 }
 @media only screen and (max-width: 991px){
 .menu-res { display: block; } 
 }
 @media only screen and (max-width: 991px){
 .cart-fixed { bottom: 320px !important; } 
 }
 @media only screen and (max-width: 991px){
 .grid-product { gap: 15px; grid-template-columns: repeat(2, minmax(0, 1fr)); } 
 }
 @media only screen and (max-width: 575px){
 .grid-product { gap: 10px; grid-template-columns: repeat(1, minmax(0, 1fr)); } 
 }
 @media only screen and (max-width: 767px){
 .cart-pro-detail a { width: 100%; } 
 .cart-pro-detail a:first-child { margin-right: 0px; margin-bottom: 0.5rem; } 
 .cart-pro-detail a i { display: none; } 
 }
 @media only screen and (max-width: 575px){
 .news .news-image { margin-bottom: 1rem; } 
 }
 @media only screen and (max-width: 991px){
 .img-auto img { width: auto !important; height: auto !important; } 
 }
 @media only screen and (max-width: 991px){
 .footer-powered, .footer-statistic { text-align: center !important; } 
 }
 @media only screen and (max-width: 850px){
 .py50 { padding: 30px 0px; } 
 .py60 { padding: 30px 0px; } 
 .py70 { padding: 30px 0px; } 
 }
 @media only screen and (max-width: 850px){
 .mb-50 { margin-bottom: 30px; } 
 }
 @media only screen and (max-width: 850px){
 .mt-50 { margin-top: 30px; } 
 }
 @media only screen and (max-width: 850px){
 .mgb-res { margin-bottom: 30px !important; } 
 }@media only screen and (max-width: 991px){
 .top-cart { margin-bottom: 2rem; } 
 }@media only screen and (max-width: 575px){
 .name-procart a { font-size: 13px; } 
 }@media only screen and (max-width: 767px){
 .quantity-procart { text-align: right; } 
 }@media only screen and (max-width: 767px){
 .price-procart { display: none; } 
 }@media only screen and (max-width: 767px){
 .price-procart-rp { display: block; } 
 }@media only screen and (max-width: 575px){
 .procart-label { font-size: 13px; } 
 }
 @media only screen and (min-width: 768px){
 .procart-label .quantity-procart p:first-child { display: block; } 
 }
 @media only screen and (max-width: 767px){
 .procart-label .quantity-procart p:first-child { display: none; } 
 }
 @media only screen and (min-width: 768px){
 .procart-label .quantity-procart p:last-child { display: none; } 
 }
 @media only screen and (max-width: 767px){
 .procart-label .quantity-procart p:last-child { display: block; } 
 }@media only screen and (min-width: 992px){
 .comment-item { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; justify-content: flex-start; } 
 }@media only screen and (max-width: 991px){
 .comment-item-poster { width: auto; margin-right: 0px; margin-bottom: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; justify-content: flex-start; } 
 }@media only screen and (max-width: 991px){
 .comment-item-letter { width: 40px; height: 40px; line-height: 40px; font-size: 13px; margin-bottom: 0; } 
 }@media only screen and (max-width: 991px){
 .comment-item-name { margin-bottom: 0px; margin-left: 10px; margin-right: 10px; } 
 }@media only screen and (max-width: 991px){
 .comment-item-information { width: 100%; } 
 }@media only screen and (max-width: 991px){
 .header-top, .hotline-header { display: none; } .logo-header { margin-right: 20px; } 
 }@media only screen and (max-width: 991px){
 .menu { display: none; } 
 }