모바일 크롬브라우저 CSS 미디어쿼리 적용이 안됨 채택완료

제 사이트는 e-madeinkorea.net 입니다

아래 CSS가 모바일 삼성인터넷 브라우저에서는 잘 적용이 되는데

모바일 크롬부라우저에서는 1000px 이하에서는 적용이 안되고 있습니다

고수님들이 개발자도구로 힌트를 주시거나 문제를 해결해 주시면 고맙겠습니다

.my-container {         width: 100%; }

@media (max-width: 767px) {

.woocommerce ul.products li {     overflow: hidden; }

.woocommerce ul.products li.product a img {       width: 185px;       height: 185px;         background-color:white;         object-fit: contain;         transform: scale(2.0);       clip-path: inset(25%);   } }

@media (min-width: 768px) and (max-width: 1024px) {

.woocommerce ul.products li {     overflow: hidden; }

.woocommerce ul.products li.product a img {       width: 250px;       height: 250px;         background-color:white;         object-fit: contain;         transform: scale(3.0);       clip-path: inset(32%);   } }

@media (min-width: 1025px) {

.woocommerce ul.products li.product a img {       width: 276px;       height: 276px;         background-color:white;         object-fit: contain;     } }

@media (max-width: 767px) { .rtwpvg-wrapper .rtwpvg-slider img {         width: 373px;       height: 373px;         background-color:white;         object-fit: contain;         transform: scale(2.0);       clip-path: inset(25%);   } }

@media (min-width: 768px) and (max-width: 1024px) { .rtwpvg-wrapper .rtwpvg-slider img {         width: 390px;       height: 390px;         background-color:white;         object-fit: contain;         transform: scale(2.0);       clip-path: inset(25%);   } }