/***************************************************************************
                        RESPONSIVE MEDIA QUERY
****************************************************************************/
@media (max-width: 1199px) {
    header .navbar-header {
        position: relative;
    }
    header.fHeader1 .fMainMenu {
        position: fixed;
        width: 100%;
        left: 0px;
        right: 0px;
        display: none;
        text-align: center;
        background: #212121;
        margin-top: 0;
        z-index: 99;
    }
    header.fHeader1 .fMainMenu ul li {
        float: none;
        display: block;
    }
    header.fHeader1 .fMainMenu ul li a {
        color: #fff;
    }
    .navbar-toggle {
        display: block !important;
        position: absolute;
        right: 0;
        z-index: 999;
    }
    .fHeader1 .fMainMenu ul li, .fHeader1.set .fMainMenu ul li {
        float: none;
        padding: 20px 0;
    }
    .fHeader1 .fMainMenu ul li a, .fHeader1.set .fMainMenu ul li a {
        color: #fff;
    }
    header .navbar-toggle {
        background: #212121;
    }
    header .navbar-toggle .icon-bar {
        background: #fff;
        height: 3px;
        width: 26px;
    }
}                        
@media (max-width: 991px) {
    html {
        font-size: 14px;
    }
    header .fLogo {
        width: 30%;
        display: inline-block;
    }
}
@media (max-width: 767px) {
    
}
@media (max-width: 480px) {
    html {
        font-size: 13px;
    }
    header .fLogo {
        width: 50%;
    }
    
}
@media (max-width: 424px) {

}