/*

[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 {
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
}
.button-space{
	margin-left: 100px;
	margin-top: 12px;
}
.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
}
.banner--item, .banner--section, .banner--slider, .banner--slider .owl-item, .banner--slider .owl-stage, .banner--slider .owl-stage-outer {
	height:200px
}
}
@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
}
}