.circle-1, .circle-2, .circle-3 {
    cursor: pointer !important;
}

@media (max-width: 1199.99px) and (min-width: 992px) {
	.circle-1, .circle-2, .circle-3 {
        width: 90px !important;
        height: 90px !important;
        min-width: 90px !important;
        min-height: 90px !important;
        padding-top: 31% !important;
        font-size: 14px !important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
	.circle-1, .circle-2, .circle-3 {
        width: 80px !important;
        height: 80px !important;
        min-width: 80px !important;
        min-height: 80px !important;
        padding-top: 30% !important;
        font-size: 14px !important;
    }
}

@media (max-width: 767.99px) and (min-width: 576px) {
	.circle-1, .circle-2, .circle-3 {
        width: 70px !important;
        height: 70px !important;
        min-width: 70px !important;
        min-height: 70px !important;
        padding-top: 28% !important;
        font-size: 14px !important;
    }
}

@media (max-width: 575.99px) {
	.circle-1, .circle-2, .circle-3 {
        width: 67px !important;
        height: 67px !important;
        min-width: 67px !important;
        min-height: 67px !important;
        padding-top: 25% !important;
        font-size: 13px !important;
        line-height: 1.3 !important;
    }
}

.mbr br {
    display: none !important;   
}

@media (max-width: 420px) {
	.mbr br {
        display: block !important;      
    }
}