/*

[Responsive Stylesheet]

Project     : BloggyPress - Responsive Personal Blog HTML5 Template
Version     : 1.0
Author      : ThemeLooks
Author URI  : https://themeforest.net/user/themelooks


NOTE:
------
PLEASE DO NOT EDIT THIS CSS, YOU MAY NEED TO USE "custom.css" FILE FOR WRITING YOUR CUSTOM CSS.
WE MAY RELEASE FUTURE UPDATES SO IT WILL OVERWRITE THIS FILE. IT'S BETTER AND SAFER TO USE "custom.css".


[TABLE OF CONTENTS]

1. MEDIA QUERIES
    1.1. LARGE DEVICES, WIDE SCREENS
    1.2. MEDIUM DEVICES, DESKTOPS
    1.3. SMALL DEVICES, TABLETS
    1.4. SMALL DEVICES, SMARTPHONES
    1.5. CUSTOM, IPHONE RETINA

*/

/*------------------------------------*\
    1. MEDIA QUERIES
\*------------------------------------*/
/* 1.1. LARGE DEVICES, WIDE SCREENS */
@media screen and (max-width: 1199px) {

}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    /* POST ITEM */
    .post--cats,
    .post--tags,
    .post--social {
        float: none;
    }

    .post--social {
        margin-top: 10px;
    }
}

@media screen and (min-width: 992px) {
    /* FLOATS */
    .float--md-right {
        float: right;
    }
}

/* 1.2. MEDIUM DEVICES, DESKTOPS */
@media screen and (max-width: 991px) {
    /* COMMENT ITEMS */
    .comment--items .comment--items,
    .comment--items .comment--items .comment--items {
        padding-left: 0;
    }

    /* HEADER SECTION */
    .header--search-bar {
        max-width: 290px;
    }

    /* BANNER SECTION */
    .banner--item.style--3 + .banner--item {
        margin-top: 30px;
    }

    /* SUBSCRIBE SECTION */
    .subscribe--form .h5 {
        display: block;
        margin-bottom: 20px;
    }

    .subscribe--form .input-group .form-control {
        padding-left: 15px;
        padding-right: 15px;
    }

    .subscribe--form .input-group-btn .btn {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* 1.3. SMALL DEVICES, TABLETS */
@media screen and (max-width: 767px) {
    /* DROPDOWN MENU */
    .dropdown-menu {
        float: none;
        position: relative;
        top: 100%;
        left: 0;
        box-shadow: none;
        border-bottom: 1px solid #393939;
        text-align: center;
    }

    .dropdown:hover > .dropdown-menu {
        display: none;
    }

    .dropdown.open > .dropdown-menu {
        display: block;
    }

    /* ALIGING */
    .alignleft,
    .alignright {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    img.alignleft,
    img.alignright {
        display: block;
    }

    /* HEADER SECTION */
    .header--date {
        display: none;
    }

    .header--search-bar {
        float: left;
    }

    .header--social > span {
        display: none;
    }

    .header--navbar .navbar-collapse {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        margin: 1px 0 0;
        background-color: #fff;
        border-width: 0;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
        z-index: 999;
    }

    .header--navbar .navbar-collapse.collapsing,
    .header--navbar .navbar-collapse.collapse.in {
        display: block;
    }

    .header--nav-links {
        padding-bottom: 3px;
    }

    .header--nav-links > li {
        display: block;
    }

    .header--nav-links > li > a {
        display: block;
        padding: 12px 0 11px;
        border-right: 0;
        border-bottom: 1px solid #393939;
    }

    .header--nav-links > li:last-child > a {
        border-bottom-width: 0;
    }

    /* BLOG SECTION */
    .post--tags {
        float: none;
    }

    .post--social {
        float: none;
        margin-top: 15px;
    }

    .post--author .header .name,
    .post--author .header .role {
        float: none;
    }

    .post--author .header .social {
        float: none;
        margin-top: 5px;
    }
}

/* 1.4. SMALL DEVICES, SMARTPHONES */
@media screen and (max-width: 480px) {
    /* COL XXS */
    .col-xxs-12 {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    /* HIDDEN XXS */
    .hidden-xxs {
        display: none !important;
    }

    /* COMMENT ITEMS */
    .comment--img {
        float: none;
        margin-bottom: 20px;
    }

    /* HEADER SECTION */
    .header--search-bar {
        float: none;
    }

    .header--social {
        display: none;
    }

    /* POST ITEM */
    .post--meta > .float--left {
        float: none;
        width: 100%;
    }

    .post--meta > .float--right {
        float: none;
        display: inline-block;
        margin: 5px 15px 0;
    }

    .post--author .img {
        float: none;
        margin: 0 auto 25px;
    }

    .post--author .info {
        text-align: center;
    }

    .post--author .header .social {
        display: inline-block;
    }
}

/* 1.5. CUSTOM, IPHONE RETINA */
@media screen and (max-width: 380px) {
    
}