No se aplican los cambios .css en @media para dispositivos movil

[Tony_02]

Hola buenas queria comentaros que llevo un par de semanas con un  problema, intento editar mediante custom.css algunas cosas de la version movil de mi tienda y no se aplican los cambios pero cuando los hago para la version PC si que se aplican, la verdad que he estado mirando por varios foros y no he encontrado ninguna solucion os lo comento por si alguno tiene idea de que puede estar bloqueando los cambios

Aqui os dejo la parte del codigo que uso para la version movil..

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

	.product-list .product-miniature .product-price-and-shipping{
	margin-right:10px;
	}
	
	.priceWithTax, .priceWithoutTax{
	font-size:10px;
	}
	
	.product-thumbnail{

	border-top-style: solid !important;
	border-top-width: 40px !important;
	border-left-width: 15px !important;
	border-left-style: solid !important;
	border-right-width: 15px !important;	
	border-right-style: solid !important;
	border-bottom-width: 40px !important;
	border-bottom-style: solid !important;
	border-top-color:white !important;
	border-bottom-color:white !important;
	border-right-color:white !important;
	border-left-color:white !important;
	border-top-color:white !important;
	}
	
	.blockcart_container {
	display:block !important;
	block-size:auto !important;
	background-color:#74cc26 !important;
	border-radius: 7px !important;
	}

	.psb_blockcart a#ajaxcart_url {
    color: white !important;
	}

	.wb-dropdown-cart.dropdown.active, .wb-dropdown-cart.dropup.active{
display:none ;
	}

	.jspVerticalBar{
display:none;
	}
	
	.paypal-button.paypal-button-shape-rect{
	margin-left:20px !important;
	}
	
}