.logo-box.srtac {
    width: 100%;
    max-width: 350px;
    padding-right: 4px;
}
.logo-box.srtac .logo-box-content {
    text-align: left;
    padding: 20px 20px;
    width: 100%;
    max-width: 100%;
    max-height: 250px;
    overflow-y: auto !important;
}
.logo-box.srtac .logo-box-content h4 {
    padding: 0px 0px;
}
.logo-box.srtac .logo-box-content p,
.logo-box.srtac .logo-box-content li,
.logo-box.srtac .logo-box-content a {
    font-size: 14px;
}
.logo-box.srtac .logo-box-content::-webkit-scrollbar {
    width: 8px;
}
.logo-box.srtac .logo-box-content::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 8px;
}

/*boxes positions*/
.image-map-container .srtac.box1 {
    top: 32%;
    left: 22%;
}
.image-map-container .srtac.box2 {
    top: 46%;
    left: 31%;
}
.image-map-container .srtac.box3 {
    top: 28.5%;
    left: 19%;
}
.image-map-container .srtac.box4 {
    top: 27%;
    left: 11%;
}
.image-map-container .srtac.box5 {
    top: 45%;
    left: 13%;
}
.image-map-container .srtac.box6 {
    top: 51.5%;
    left: 17%;
}
.image-map-container .srtac.box7 {
    top: 37%;
    left: 29.5%;
}
.image-map-container .srtac.box8 {
    top: 54%;
    left: 27%;
}

@media screen and (max-width: 991px) {
    .logo-box.srtac, 
    .logo-box.srtac .logo-box-content {
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: 100%;
        margin: 0px auto;
        left: 0 !important;
        right: 0 !important;
    }
}