/* REPONSIVE */
@media(max-width:1300px) { } 
@media(max-width:1001px){
 .header__bottom__res { padding: 10px 0; } 
 .header__bottom__res .wrap-content { display: flex; justify-content: space-between; align-items: center; } 
 .logo__header { width: 100px; height: 100px; margin-top: 0; } 
 .mw80 { width: calc(100% - 110px); } 
 .bar__menu { display: none !important; } 
 .menu-res { background: var(--color-main); } 
 }
@media(max-width:850px){
 .name__aboutus img, .wrap__aboutus .col__left::after, .main__album::after, .main__album::before, .section__row::after, .wrap__video::before, .icon__form, .wrap__video::after { display: none !important; } 
 .footer__news, .col__left, .col__right { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 15px !important; } 
 .newsletter__input { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } 
 .wrap__product .product { margin: unset !important; } 
 .title__form { padding-bottom: 0; text-align: center; } 
 .numb__feedback { margin-left: 0; width: 100%; } 
 .wrap__video .col__right { margin-top: 0; } 
 .section__video { width: 90%; height: auto; } 
 .section__form { border: none; } 
 .section__form, .title__form, .validation-newsletter, .flex__form .col__input { width: 100%; } 
 .newsletter__input input { border-bottom: 1px solid #7abdf8; border-top: transparent; border-left: transparent; border-right: transparent; } 
 .newsletter__button { margin: 10px auto 0 0; } 
 .wrap__aboutus .col__right { display: none; } 
 .aboutus__image { margin: 20px auto 0 auto; text-align: center; display: block !important; } 
 .items__aboutus { padding: 35px 35px 30px 35px; } 
 }
@media(max-width:550px){
 .title__product__v2 { font-size: 40px; } 
 .title__video, .line-text { display: none; } 
 .section__video { width: 100%; } 
 .section__background { background: #d5e7f6; } 
 .main__news .image { border: 5px solid #fff; } 
 .flw_me, .scroll__top { width: 100%; margin-bottom: 20px; } 
 .social__footer { justify-content: center !important; width: 100%; } 
 .footer_map_tab { width: 100%; height: 250px; } 
 .map_items { padding: 5px 15px; } 
 .map_items { font-size: 14px; } 
 .info__feedback .name__feedback { font-size: 20px; } 
 .name__aboutus { font-size: 35px; } 
 .footer__form { background: #0383f1; } 
 .main__form { padding: 30px 0; } 
 }
@media(max-width:440px){
 .items__aboutus { padding: 0; box-shadow: unset; } 
 .title__product__v2 { font-size: 30px; margin-bottom: 20px; } 
 .name-product a { font-size: 14px; } 
 .section__feedback { flex-wrap: wrap; } 
 .info__feedback { width: 100%; margin-top: 20px; } 
 .section__background { padding-top: 0 !important; } 
 /* .image__feedback { margin: auto; } */}
@media(max-width:391px) { } 


/* REPONSIVE DEFAUT */
@media(max-width:1001px){
 .toolbar, .btn-social { display: block; } 
 .scrollToTop { display: none; } 
 }
@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(3, minmax(0, 1fr)); } 
 }
 @media only screen and (max-width: 575px){
 .grid-product { gap: 10px; grid-template-columns: repeat(2, 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; } 
 .py90 { padding: 50px 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: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-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: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-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; } 
 }@media only screen and (max-width: 991px){
 .menu { display: none; } 
 }