#circle{width:200px;height:200px;overflow:hidden;margin:auto}#circle-small{width:100px;height:100px;overflow:hidden;margin:auto}.circleloader{width:calc(100% - 0px);height:calc(100% - 0px);border:8px solid #fff;border-top:8px solid #d84a38;border-radius:50%!important;animation:rotate 10s linear infinite}.small{border:6px solid #fff;border-top:6px solid #d84a38;animation:rotate 3s linear infinite}.small-portfolio{border:6px solid #f2f2f2;border-top:6px solid #d84a38;animation:rotate 7s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@media screen and (min-width:1900px){#circle{width:300px;height:300px}.circleloader{border:12px solid #fff;border-top:12px solid #d84a38}}