/* Responsiveness
------------------------- */
#menu-toggle { clear: both; }

#menu-phone ul li, #menu-phone ul:hover li ul {
    display: block;
    float: none;
}
#menu-phone .menu-title { text-align: center }

/* Phones
------------------------- */
@media (max-width: 767px) {
    .logo { text-align: center; }
    #toparea .social { display: none !important; }
    .navbar .menu li {
        display: block;
        float: none;
    }
    .content { margin: 0 20px;}
    .navbar .menu li ul {
        color: inherit !important;
        display: block;
        opacity: 1;
        position: static;
        background: transparent;
        border: transparent;
        padding: 5px;
    }

    .entry-content .box-left,
    .entry-content .box-right {
        margin: 1em 0;
        background: #f8f8f8;
        float: none;
        display: block;
        max-width: initial;
        padding: 1.5em 1.5em 1em 1.5em ;
    }

    #post-info { text-align: center; line-height: 1.5em;}
    #post-info .published-date { text-align: center;}
    .carousel-caption {
        top: 70% !important;
        width: 100% !important;
    }
    .tpost .date h2 { line-height: normal; }
    .tpost .title { text-align: center; width: 100% !important; display: block; }
    .symbol, .bx-next, .bx-prev  { display: none; }

    header .navbar .nav > li,
    header .brand, header .pull-right,
    #navbar-searchform, header .navbar li,
    header .nav-pills>li,
    header .navbar-brand, header .navbar-nav>li>a {
        line-height: normal !important;
    }

    .single #topcontent { padding: 0 }

    #post-info hr { margin: 0 0 10px 0 }

}

/* Tablet
------------------------- */
@media (min-width: 768px) and (max-width: 1024px) {
    .logo { text-align: center; }
    #toparea .social { display: none !important; }
    .navbar .menu li {
        display: block;
        float: none;
    }
    .content { margin: 0 20px;}
    .navbar .menu li ul {
        color: inherit !important;
        display: block;
        opacity: 1;
        position: static;
        background: transparent;
        border: transparent;
        padding: 5px;
    }

    #post-info { text-align: center; line-height: 1.5em;}
    #post-info .published-date { text-align: center;}
    .tpost img { max-width: 100%;}
    .tpost .date h2 { line-height: normal; }
    .tpost .title { text-align: center; width: 100% !important; display: block; }
    .symbol, .bx-next, .bx-prev  { display: none; }

    header .navbar .nav > li,
    header .brand, header .pull-right,
    #navbar-searchform, header .navbar li,
    header .nav-pills>li,
    header .navbar-brand, header .navbar-nav>li>a {
        line-height: normal !important;
    }

    .single #topcontent { padding: 0 }

    #post-info hr { margin: 0 0 10px 0 }
    #post-info .author-name,
    #post-info .published-date,
    #post-info .modified-date { text-align: center }
}