.iconbar {
    background-color: #FFFFFF;
    padding-top: 15px !important;
    padding-bottom:15px !important;
}

.iconbar li {
    margin-right: 30px;
    font-size: 16px;
    padding: 5px;

}

.iconbar li i {
    font-size: 20px;
    color: #00508f;
}

.btn-primary {
    background-color: #28a745 !important;
    color: #FFFFFF !important;
    font-size: 16px;
}


.btn-primary:hover {
    background-color: #1f8a39;
    color: #ffffff;
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .iconbar li {
        margin-right: 55px;
    }
}

/* Large devices (large desktops, 1200px and less) */
@media (max-width: 1200px) {
    .iconbar li {
        text-align: center !important;
    }
}

/* Medium devices (desktops, between 992px and 1200px) */
@media (min-width: 992px) and (max-width: 1200px) {
    .iconbar li {
        margin-right: 26px;
    }
}


/* Small devices (tablets, between 768px and 992px) */
@media (min-width: 768px) and (max-width: 992px) {

    .iconbar li {
        margin-right: 21px;
    }

    .iconbar li:nth-child(5), .iconbar li:nth-child(6) {
        display: none;
    }
}