.load-indicator { position: absolute; top: 50%; z-index: 10000; left: 46%; filter: drop-shadow(3px 1px 2px #dadada); } @media only screen and (min-width: 1200px) { .load-indicator { left: 47.4%; } } @media only screen and (min-width: 1376px) { .load-indicator { left: 48%; } } @media only screen and (min-width: 1600px) { .load-indicator { left: 48.2%; } } @media only screen and (min-width: 1925px) { .load-indicator { left: 48.7%; } } .load-arrow { background: url(../../assets/loading.png) no-repeat; display: block; width: 70px; height: 70px; } /* Loading Animation */ .glyphicon-refresh-animate { animation: spin 1.5s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }