﻿.join-media-icon-tooltip {
    font-size: 16px;
    margin:0px 15px;
    border: 1px solid #ddd;
    border-radius:10px;
    box-shadow: 0 0.15rem 0.25rem rgb(0 0 0 / 15%);
}
    .join-media-icon-tooltip .media {
        text-align: center;
    }
    .join-media-icon-tooltip .ia-responsive-row {
        margin-left: 0px;
        margin-right: 0px;
    }
    .join-media-icon-tooltip .ia-responsive-row .ia-responsive-col {
        padding:0px;
        margin-bottom:0px;
    }
    .join-media-icon-tooltip .ia-responsive-row .ia-responsive-col .media.icon-left {
        border-right: 1px solid #20295B;
    }
    .join-media-icon-tooltip .ia-responsive-row .ia-responsive-col:last-child .media.icon-left {
        border-right: none;
    }
    .join-media-icon-tooltip .media.icon-left .media-heading {
        color: #20295B;
        font-weight:bold;
        margin-bottom:0px;
    }
    .join-media-icon-tooltip .media.icon-left .media-heading .fa {
        background-color: transparent;
        color: #20295B;
    }
    .join-media-icon-tooltip .media.icon-left:hover .media-heading .fa {
        background-color: transparent!important;
    }
    .join-media-icon-tooltip .media.icon-left:hover .media-object.fa {
        background-color: transparent!important;
    }

    .join-media-icon-tooltip .media.media-xs .media-object {line-height:35px!important;height:35px!important;}
    .join-media-icon-tooltip .media.media-sm .media-object {line-height:37.5px!important;height:47.5px!important;}
    .join-media-icon-tooltip .media.media-md .media-object {line-height:50px!important;height:60px!important;}
    .join-media-icon-tooltip .media.media-lg .media-object {line-height:75px!important;height:85px!important;}
    .join-media-icon-tooltip .media.media-xl .media-object {line-height:100px!important;height:110px!important;}

@media (max-width:1200px) {}
@media (max-width:1100px) {}
@media (max-width:992px) {}
@media (max-width:880px) {}
@media (max-width:768px) {
    .join-media-icon-tooltip {
        margin: 0px 0px;
        border: none;
        border-radius: 0px;
        box-shadow: none;
    }
    .join-media-icon-tooltip .ia-responsive-row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .join-media-icon-tooltip .ia-responsive-row .ia-responsive-col {
        padding: 0px 15px;
        /*margin-bottom: 0px;*/
    }
    .join-media-icon-tooltip .ia-responsive-row .ia-responsive-col .media.icon-left {
        border-right: none;
        text-align:left;
    }
}
@media (max-width:660px) {}
@media (max-width:550px) {}
@media (max-width:440px) {}
