@media (max-width: 479px){
    /* FEATURE */
    .feature{
        width: 100%;
        height: 150px;
    }
    .feature-1 img{
        height: auto;
        width: 100%;
    }
}
@media (min-width: 480px){
    /* FEATURE */
    .feature{
        width: 50%;
        height: 250px;
    }
}
@media (max-width: 767px) {
    .navbar-header{
        background: #e22e3d;
        text-align: center;
    }
    .navbar-brand{
        color: #f5f5f5;
    }
    .navbar-brand:hover{
        color: #ffffff;
    }
    .primary, .sidebar{
        width: 100%;
        float: left;
    }
    .size-sm{
        width: auto;
    }
    .sbox-item .item-contact{
        display: none!important;
    }
    .sbox-content-fullsize .item-image-4{
        height: 160px;
    }
    .navbar-toggle .icon-bar{
        background: #f5f5f5;
    }
    .navbar-toggle{
        border-color: #f5f5f5;
    }
}

@media (min-width: 768px){
    .primary, .sidebar{
        width: 100%;
    }
    .size-sm{
        width: 360px;
    }
    .ds-navbar .nav > li > a{
        padding: 5px 15px;
        text-transform: uppercase;
    }
    .sbox-content-fullsize .item-image-4{
        height: 164px;
    }

    .navbar{
        background: #e22e3d;
        border-radius: 0;
        border-width: 0;
        text-transform: uppercase;
        font-weight: bold;
    }
    .navbar-header{
        display: none;
    }
    .navbar-collapse{
        padding: 0;
    }
    .navbar-nav > li > a{
        color:#FFF;
        padding: 12px 20px;
    }
    .navbar-nav > li > a:hover{
        color: #8a4f89;
    }


    /* FEATURE */
    .feature-1, .feature-2,
    .feature-3, .feature-4{
        width: 50%;
    }
    .feature-3 img,
    .feature-4 img{
        width: auto;
    }
}
@media (min-width: 992px){
    .primary{
        width: 610px;
    }
    .sidebar{
        width: 300px;
    }
    .ds-navbar .nav > li > a{
        padding: 5px 20px;
    }
    .sbox-content-fullsize .item-image-4{
        height: 188px;
    }

    /* FEATURE */
    .feature-1, .feature-2{
        width: 320px;
        height: 300px;
    }
    .feature-3, .feature-4{
        width: 310px;
        height: 150px;
    }
    .feature-3 img,
    .feature-4 img{
        width: 100%;
    }
}
@media (min-width: 1200px){
    .primary{
        width: 810px;
    }
    .ds-navbar .nav > li > a{
        padding: 5px 20px;
    }
    .sbox-content-fullsize .item-image-4{
        height: 188px;
    }
    /* FEATURE */
    .feature-1{
        width: 490px;
    }
    .feature-2{
        width: 350px;
    }
}