@media screen and (max-width: 767px) {

    .identity {
        height: 0px;
        margin-top: 45px;
    }

    #navbar-main ul li:after, .title-section, .today, .weather, li.home {
        display: none;
    }

    .hidden-xs {
        display: none!important;
    }

    .navigation {
        min-height: 0;
    }

    #navbar-main {
        position: fixed;
        top: 0;
        z-index: 1000;
        padding: 0;
        height: auto;
        max-height: 100%;
        overflow: auto;
        -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.3);
        box-shadow: 0 3px 5px rgba(0,0,0,.3);
        background-color: #fff;
    }

    #navbar-main .navbar-toggle {
        margin: 0;
        padding: 12px 10px;
        float: left;
    }

    #navbar-main .navbar-toggle span, #navbar-main .navbar-toggle span {
        padding: 0;
    }

    .button-label {
        position: absolute;
        top: -2px;
        right: -25px;
    }

    .logo-xs {
        width: 110px;
    }

    .navbar-main-collapse {
        display: none;
        visibility: hidden;
    }

    #navbar-main ul li {
        position: relative;
        float: none;
        border-bottom: 1px solid #eee;
        padding: 5px 0;
        height: auto;
    }

    #navbar-main #menu-main li a {
        display: inline-block;
    }

    #navbar-main .flag_socail {
        right: 5px;
    }

    #navbar-main .flag_socail span {
        display: none;
    }

    #navbar-main #menu-main .nav-item {
        float: none;
    }

    #navbar-main span, #navbar-main a, #navbar-category span, #navbar-category a {
        color: inherit;
    }

    #menu-main {
        display: none;
    }

    #menu-mobile {
        display: block;
    }

    #gallery-home {
        margin: 0 -15px 15px!important;
        padding-bottom: 0;
    }

    #gallery-home .carousel-inner .item {
        height: auto;
        min-height: 180px!important;
    }

    #gallery-home .carousel-inner .item .gallery-item-wrapper {
        padding-bottom: 56%;
    }

    .carousel-control .icon-prev, .carousel-control .icon-next{
        margin: -150px 0 0;
    }

    #gallery-home .carousel-indicators.images {
        display: none!important;
    }

    #gallery-home .carousel-indicators.images, #gallery-home.image-indicators.hero.fill .carousel-indicators.images {
        padding: 0;
        width: auto;
        height: 25px;
        left: auto;
        border-bottom: none;
    }

    /*.live-report {
            display: none;
    }*/

    .copyright li {
        margin: 0 0 5px;
    }


    .div-content .blog-line-bottom {
        height: 145px;
    }
}

@media screen and (max-width: 1199px) {
    #gallery-home .carousel-inner .item {
        height: 347px;
    }
}

@media screen and (max-width: 911px) {
    #navbar-main ul li.home {
        display: none;
    }

    #navbar-main #menu-main li a, #navbar-main #menu-main a {
        padding-left: 7px!important;
        padding-right: 7px!important;
    }

    #gallery-home .carousel-inner .item {
        height: 420px;
    }

    #gallery-home .carousel-indicators.images {
        width: 100%;
        display: table;
    }

    .footer-links li ul li:before {
        content: "";
    }

    .footer-link {
        padding: 0 10px 0 0;
    }

    .footer-links a {
        font-size: 16px;
    }

    .copyright li:before {
        content: "";
    }

    .hidden-md {
        display: none !important;
    }
}

@media screen and (max-width: 425px) {
    #gallery-home .carousel-inner .item {
        height: 235px;
    }

    .carousel-control .icon-prev, .carousel-control .icon-next{
        margin: -55px 0 0;
    }
}

@media only screen and (max-width: 575px) {
    #navbar-main {
        overflow: initial !important;
    }

    .navbar-main-collapse {
        display: none;
    }
}


.facebook-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.facebook-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}