/*Cursor Start*/
body{
    cursor: none;
}

[class^="cursor"]{
    position:absolute;
    top:0;
    left: 0;
    transform:translate(-50%,-50%);
    border-radius: 50%;
    z-index: 9999;
    pointer-events: none;
}

.cursor-outer{
    width: 50px;
    height: 50px;
    border:1px solid #fff;
    transition: all 100ms ease-out;
    background: rgba(0, 0, 0, 0.3);
    /* animation: cursorAni .5s infinite alternate; */
    
}


.cursor-inner{
    width: 7px;
    height: 7px; 
    background: #fff;
}


@media only screen and ( max-width: 480px ){
	.cursor-outer{
        display: none;
    }
    .cursor-inner{
        display: none;
    }

}