@media screen and (max-width: 480px) { /* MD */
    .site-logo {
        width: 140px;
    }
    .pages-bar .container-fluid, .cats-menu .container-fluid {
        padding-left: 140px;
    }
    .langac {
        margin-bottom: 10px;
    }
    header .account-links a i {
        font-size: 16px;
        margin: 0;
        line-height: 35px;
        float: right;
    }
    header .account-links a {
        font-size: 0;
        text-align: center;
    }
    .cats-menu .container-fluid {
        padding-left: 10px;
        width: 100%;
    }
    .pages-menu li {
        float: none;
        border-bottom: 1px dotted #aaa;
    }
    .pages-menu ul {
        margin-bottom: 10px;
    }
    .cats-menu ul {
        width: 100%;
    }
    .cats-menu li {
        float: none;
        display: block;
        width: 100%;
    }
    .cats-menu li a {
        border: 1px solid #eee;
        border-width: 0 0 1px 0;
        display: block;
    }
    .cats-menu li ul {
        position: relative !important;
        width: 100%;
        display: none;
        float: none;
        top: 0;
    }
    .cats-menu li:hover ul {
        display: block;
        top: 0;
        z-index: 99;
    }
    .cats-menu li li {
        float: none;
        width: 100%;
    }
    .cats-menu .socials {
        text-align: center;
        margin: 0;
        padding: 10px 0;
        float: none;
    }
    .cats-menu .socials a {
        float: none;
        display: inline-block;
    }
    .main-slider {
        display: none;
    }
}

@media screen and (max-width: 768px) { /* MD */
    footer .widget-title {
        margin-top: 30px;
    }
    .cats-menu .socials a {
        font-size: 14px;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .home-feature {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 2px dotted #eee;
    }
    .back-to-top {
        display: none;
    }
    .main-slider .overcon {
        display: none;
    }
    .main-slider .slider-nav {
        display: none;
    }
    .pop-cats-list {
        overflow: hidden;
    }
    .socials {
        
        height: auto;
    }
    .inline {
        display: inline;
    }
    .footer-about {
        display: inline;
    }
    .main-footer .col-md-11 {
        display: inline;
    }
}
