.img-icon {
    margin:3%;
}

@media (min-width: 1281px) {
    .img-icon {
        margin:3%;
    }
    .row-icons {
        padding-left:10%;
        padding-right:10%;
        }
}

@media (min-width: 1025px) and (max-width: 1280px) {
    .img-icon {
        margin:3%;
    }
    .row-icons {
        padding-left:10%;
        padding-right:10%;
    }
}

@media (min-width: 991px) and (max-width: 1024px) {
    .img-icon {
        margin:3%;
    }
    .row-icons {
        padding-left:10%;
        padding-right:10%;
    }
}

@media (min-width: 768px) and (max-width: 990px) {
.img-icon {
    margin:3%;
    margin-left:12%;
    width:80%;
    }
}

@media (min-width: 768px) and (max-width: 990px) and (orientation: landscape) {
    .img-icon {
        margin:3%;
        margin-left:12%;
        width:80%;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .img-icon {
        margin:3%;
        margin-left:12%;
        width:80%;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
.img-icon {
        margin:3%;
        width:90%;
        margin-left:6%;
    }
}


@media (min-width: 768px) {
    .navbar-default .navbar-nav > li > a {
        color: #481465;
        font-size: 15px !important;
        font-weight: 700;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 10px;
    }
}