.graph-btns{
    visibility: visible;
    animation-name: fadeInRight;
    animation-duration: 1s;
    animation-delay: 1.1s;
    background: linear-gradient(90deg, rgba(0,242,255,1) 0%, rgba(0,187,255,1) 100%);
    border: 1px solid #00f2ff;
    display: inline-block;
	padding: 0 56px;
	font-family: play, sans-serif;
	font-size: 16px;
	line-height: 50px;
	color: #FFFFFF;
	border-radius: 2px;
}

.graph-btns:hover{
    background: linear-gradient(90deg, rgba(46,64,84,1) 0%, rgba(69,106,147,1) 100%);
    border-color: #466D94;
}

.chart-btn2{
    margin-left: 20px !important;
}

.graph-default-hidden-section{
    display: none;
}



@media (min-width:1200px) and (max-width: 1300px){
    #performance-charts .bubbles .bubble , #performance-charts-2 .bubbles-2 .bubble-2{
        margin: 0px 8px !important;
    }
}

@media (min-width:1300px) and (max-width: 1400px){
    #performance-charts .bubbles .bubble , #performance-charts-2 .bubbles-2 .bubble-2{
        margin: 0px 12px !important;
    }
}

@media (min-width:1400px) and (max-width: 1500px){
    #performance-charts .bubbles .bubble , #performance-charts-2 .bubbles-2 .bubble-2{
        margin: 0px 16px !important;
    }
}

@media (min-width:1500px) and (max-width: 1600px){
    #performance-charts .bubbles .bubble , #performance-charts-2 .bubbles-2 .bubble-2{
        margin: 0px 22px !important;
    }
}

@media (min-width:1600px) and (max-width: 1700px){
    #performance-charts .bubbles .bubble , #performance-charts-2 .bubbles-2 .bubble-2{
        margin: 0px 26px !important;
    }
}

@media (min-width:1700px) and (max-width: 1750px){
    #performance-charts .bubbles .bubble , #performance-charts-2 .bubbles-2 .bubble-2{
        margin: 0px 30px !important;
    }
}