/*==========  Non-Mobile First Method  ==========*/

@media (min-width : 1200px) {
    /*.container {
        width: 1030px;
    }*/
}

/* Large Devices, Wide Screens */

@media (max-width : 1200px) {
}

/* Medium Devices, Desktops */
@media (max-width : 992px) {
}

/* Small Devices, Tablets */
@media (max-width : 768px) {
    .btnTab i {
        border: 5px solid #FFF;
        font-size: 28px;
        padding: 10px 10px;
    }

    .tabs-style-iconbox nav ul li a span {
        font-size: 14px;
    }
}

/* Extra Small Devices, Phones */
@media (max-width : 480px) {
    /*.navbar-default .navbar-toggle {
        border-color: transparent;
    }*/

        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
            background-color: transparent;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #222;
        }

    .btnTab i {
        border: 3px solid #FFF;
        font-size: 22px;
        padding: 8px 8px;
    }

    .tabs-style-iconbox nav ul li a span {
        font-size: 11px;
    }

    .col-md-20 {
        width: 33.33333333%;
    }

        .col-md-20:nth-child(4) {
            margin-left: 16.6666667%;
        }

    .news-index .media-left {
        width: 100%;
        display: block;
    }

    .news-index .media h4 {
        margin-top: 10px;
    }
}

/* Custom, iPhone Retina */
@media (max-width : 320px) {
    .tabs-style-iconbox nav ul li a span {
        display: none;
    }

    .tabs-style-iconbox nav ul li a {
        padding: 10px 0 0 0;
    }

    .box-slide {
        display: none;
    }

    .col-md-20 {
        width: 50%;
    }

        .col-md-20:nth-child(4) {
            margin-left: auto;
        }

        .col-md-20:nth-child(5) {
            margin-left: 25%;
        }

        .col-md-20:nth-child(2n+1) {
            clear: left;
        }
}