body{
    background: #000;
}
.panel{       
    position: fixed;
    height: 300px;
    width: auto;
    z-index: 9996;
    left: 0px;
}
.p_circle{
    box-shadow: 0 0 4px #000;
    border-radius: 25px;
    background: #fff;
    color: #fff;
    transition: background 0.3s;
    overflow: hidden;
    z-index: 9996;
}
@media all and (max-width: 600px){
    .p_circle{        
        width: 15px;
        height: 15px;
        margin: 20px auto auto 10px ;
    }  
    .panel{margin-top: 100px;}
}
@media all and (min-width: 601px){
    .p_circle{        
        width: 20px;
        height: 20px;
        margin: 25px;
    }
    .panel{margin-top: 160px;}
}
.p_circle:hover{
    background: #ff0e5d;
    box-shadow: 0 0 10px #fff;
}
/****************************** Scroll *******************************/
@media all and (max-width: 480px){
    .scroll{
        height: 630px;
    }
}
@media all and (min-width: 481px){
    .scroll{
        height: 700px;
    }
}
@media all and (min-width: 720px){
    .scroll{
        height: 650px;
    }
}
@media all and (min-width: 1024px){
    .scroll{
        height: 600px;
    }
}
.scroll{
    background: transparent;
    padding-left: 7%;
    padding-right: 7%;
}
#home_fg{
    background: rgba(0,0,0,.6);
    width: 100%;
    height: 100%;
    z-index: 9998;
    position: absolute;
}