@media (max-width: 1366px) {}
@media (max-width: 1024px) {}
@media (max-width: 812px) {
    .site-respon {
        width: 30%;
    }
}
@media (max-width: 768px) {
    .site-respon {
        width: 30%;
    }
}
@media (max-width: 767px) {
    .site-respon {
        width: 30%;
    }
}
@media (max-width: 732px) {
    .site-respon {
        width: 30%;
    }
}
@media (max-width: 736px) {
    .site-respon {
        width: 30%;
    }
}
@media (max-width: 667px) {}
@media (max-width: 640px) {
    .site-respon {
        width: 30%;
    }
}
@media (max-width: 568px) {
    .site-respon {
        width: 30%;
    }
}
@media (max-width: 414px) {
    .site-respon {
        width: 100%;
    }
}
@media (max-width: 412px) {
    .site-respon {
        width: 100%;
    }
}
@media (max-width: 375px) {
    .site-respon {
        width: 100%;
    }
}
@media (max-width: 360px) {
    .site-respon {
        width: 100%;
    }
}
@media (max-width: 320px) {
    .site-respon {
        width: 100%;
    }
}
.panel-collapse .panel-body a {
    color: black;
    font-size: 10pt;
    font-weight: 200;
}
.panel-collapse .panel-body a:hover {
    text-decoration: none;
    color:#b208dc;
}
.panel-group a {
    font-size: 14pt;
    font-weight: bold;
}
.group {
    margin-left: 20px;
}

.panel-heading a:hover{
	 text-decoration: none;
}
.panel-default {
    margin: 0px 0px 40px 0px;
}
.fa {
    font-size: 14pt;
}