/*

[Responsive Stylesheet]

Project     : TheGraphy - Responsive Creative Photography 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".

*/

@media screen and (max-width:1199px) {
    .owl-dots,
    .owl-nav {
        max-width: 945px
    }
    .portfolio--item,
    .portfolio--sizer {
        width: 25%
    }
    .portfolio--item.grid--2 {
        width: 50%
    }
}

@media screen and (min-width:992px) {
    .row--md-vc>div {
        float: none;
        display: table-cell;
        vertical-align: middle
    }
    .post--items .post--slider {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding-right: 15px;
        overflow: hidden
    }
    .post--items .post--slider .owl-item img,
    .post--items .post--slider img {
        width: auto;
        height: 100%
    }
    .post--items .post--img a,
    .post--items .post--img img {
        display: block;
        width: auto;
        max-width: none;
        height: 100%
    }
}

@media screen and (max-width:991px) {
    .owl-dots,
    .owl-nav {
        max-width: 725px
    }
    .header--nav-links>li,
    .header--navbar .navbar-header {
        float: none
    }
    .header--navbar .navbar-toggle {
        display: block;
        margin-top: 11px;
        margin-left: 0;
        margin-right: 0;
        background-color: #fff;
        border-color: #fff;
        border-radius: 0;
        -webkit-transition: border-color .25s, background-color .25s ease-in-out;
        transition: border-color .25s, background-color .25s ease-in-out
    }
    .header--navbar .navbar-toggle.collapsed,
    body.isScrolling .header--navbar .navbar-toggle.collapsed {
        background-color: transparent
    }
    .header--navbar .navbar-toggle .icon-bar {
        background-color: #333;
        -webkit-transition: background-color .25s ease-in-out;
        transition: background-color .25s ease-in-out
    }
    .header--navbar .navbar-toggle.collapsed .icon-bar,
    body.isScrolling .header--navbar .navbar-toggle .icon-bar {
        background-color: #fff
    }
    body.isScrolling .header--navbar .navbar-toggle {
        background-color: #333;
        border-color: #333
    }
    body.isScrolling .header--navbar .navbar-toggle.collapsed .icon-bar {
        background-color: #333
    }
    .header--navbar .navbar-collapse {
        display: none !important;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        max-width: 720px;
        max-height: 320px;
        margin-left: auto;
        margin-right: auto;
        color: #333;
        background-color: #fff;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
        z-index: 999
    }
    .header--navbar .navbar-collapse.collapsing,
    .header--navbar .navbar-collapse.in {
        display: block !important
    }
    .header--navbar .navbar-collapse.in {
        overflow: auto !important
    }
    .header--nav-links {
        float: none;
        margin-left: 5px;
        margin-right: 5px
    }
    .header--nav-links>li+li {
        margin-top: 5px
    }
    .header--nav-links>li>a {
        display: block
    }
    .header--nav-links>.dropdown>.dropdown-menu {
        float: none;
        position: relative;
        padding: 3px 20px 0;
        box-shadow: none;
        display: none;
        margin-top: 0
    }
    .header--nav-links>.dropdown:hover>.dropdown-menu {
        display: none;
        margin-top: 0
    }
    .header--nav-links>.dropdown.open>.dropdown-menu {
        display: block;
        margin-top: 0
    }
    .portfolio--item,
    .portfolio--sizer {
        width: 50%
    }
    .post--items>.post--item,
    .post--items>.post--item:nth-child(even) {
        padding-left: 0;
        padding-right: 0
    }
    .comment--items .comment--items {
        padding-left: 0
    }
}

@media screen and (max-width:767px) {
    .owl-dots,
    .owl-nav {
        max-width: none;
        margin-left: 10px;
        margin-right: 10px
    }
    .header--navbar .navbar-toggle {
        margin-left: 15px;
        margin-right: 15px
    }
    .header--navbar .navbar-collapse {
        left: 0;
        right: 0;
        max-width: none
    }
    .post--single-meta .nav {
        float: none;
        text-align: center
    }
    .post--single-meta .nav+.nav {
        margin-top: 5px
    }
    .content--inner .alignleft,
    .content--inner .alignright {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto
    }
    .post--footer {
        text-align: center
    }
    .post--footer .share,
    .post--footer .tagcloud,
    .post--single-meta .nav>li {
        display: inline-block;
        float: none
    }
    .post--footer .tagcloud+.share {
        margin-top: 20px
    }
}

@media screen and (max-width:550px) {
    .col-xxs-12 {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width:480px) {
    .portfolio--item,
    .portfolio--item.grid--2,
    .portfolio--sizer {
        width: 100%
    }
    .portfolio--item figcaption .btns {
        margin-bottom: 0
    }
    .portfolio--item figcaption .title,
    .portfolio--item figcaption p {
        display: none
    }
}