/*!
 * Bokeh Template (http://themeforest.net/users/imangm)
 * Copyright 2014 ImanGM
 */
 
/*-------------------------------------------------
 =  Table of Css

 1. Body
 2. WPML


-------------------------------------------------*/

@media (max-width: 1199px) { 
	.blog-list-content {
		padding: 0 60px;
	}

	.isotope .isotope-item { 
		width: 50%; 
	}

	.isotope .isotope-item.w2 { 
		width: 50%; 
	}

	.flip-menu > .col-md-3.col-sm-6 {
		width: 33.33333333%;
		padding: 0 14.9px;
	}
}

@media (max-width: 991px) {

	#sidebar-area {
		margin-top: 30px;
		margin-left: -30px;
	}
	
	.blog-list-content > h2 {
		font-size: 30px;
		letter-spacing: 2px;
	}
	
	.wpcf7 {
		margin-top: 50px;
	}
	
	.flip-menu > .col-md-3.col-sm-6 {
		width: 50%;
	}	
	
	.team-member {
		margin-bottom: 30px;
	}
	
	ul.iconned-list {
		margin-bottom: 50px;
	}
	
	.image-box {
		margin-bottom: 20px;
	}
	
	.post-slider .thumbs .item.active:after {
		display: none;
	}
}

@media (max-width: 768px) { 

	.related-post-item .post-info-hover h3 {
		font-size: 24px;
	}

	.related-post-item:hover .post-info-hover h3 {
		top: 50px;
	}
	
	ol.comments ol.children {
		margin-left: 0;
	}
	
	.footer {
		position: relative;
	}
	
	body > .container {
		padding-bottom: 30px;
	}
	
	.footer .footer-copyright {
		float: right;
		padding-right: 0;
	}
	
	.footer .footer-social {
		float: none;
		clear: both;
		text-align: center;
	}
	
	.blog-list-content {
		padding: 0 30px;
	}	
	
	.portfolio-related-posts {
		margin-left: 50px;
		margin-right: 50px;
	}
	
	nav#main-menu {
		display: none;
	}
	
	.mp-back {
		display: block;
	}
	
	#trigger {
		display: block;
		opacity: 1;
		margin-left: 15px;
		margin-right: 0;
	}
	
	.navbar-right {
		position: absolute;
		top: 0;
		right: 15px;
	}

	.flip-menu > .col-md-3.col-sm-6 {
		width: 50%;
		float: left;
	}
	
}

@media (max-width: 581px) { 

	.related-post-item .post-info-hover h3 {
		font-size: 18px;
	}

	.related-post-item:hover .post-info-hover h3 {
		top: 25px;
	}
	
	.comment-box .comment-info {
		position: relative;
		right: initial;
		top: initial;
		margin-left: 95px;		
	}
	
	.image-box {
		max-height: initial;
	}
	
	.image-box .image {
		float: none;
		max-height: initial;
		width: 100%;
	}
	
	.image-box .image-box-content {
		width: 100%;
	}
	
	.footer {
		min-height: initial;
		height: auto;
	}
	
	.footer .footer-logo {
		float: none;
		text-align: center;
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.footer .footer-copyright {
		float: none;
		clear: both;
		text-align: center;
		padding-left: 0;
	}
	
	.footer .footer-social {
		float: none;
		clear: both;
		text-align: center;
	}
	
	.isotope .isotope-item { 
		width: 100%; 
	}

	.isotope .isotope-item.w2 { 
		width: 100%; 
	}
	
	.flip-menu > .col-md-3.col-sm-6 {
		width: 100%;
	}
}

@media (max-width: 480px) { 

	/* Full width related posts in small screens */
	.blog-related-posts > .row > .col-sm-4 {
		width: 100%;
		margin: 0;
	}
	
	h1.main-title {
		font-size: 24px;
		margin-top: 30px;
	}
	
	.blog-list-content > h2 {
		font-size: 24px;
		letter-spacing: 1px;
	}
	
	blockquote {
		position: relative;
		margin: 30px 0px;
		padding: 50px 5px;
	}
	
	blockquote:before {
		left: 44%;
		left: calc(50% - 13px);
		top: 0;
		width: 100%;
	}
	
	blockquote:after {
		left: 44%;
		left: calc(50% - 13px);
		bottom: 0;
		width: 100%;		
	}
	
	#page-banner {
		height: 100px;
	}
	
	#page-banner h2 {
		float: none;
		display: block;
		text-align: center;
		font-weight: bold;
	}
	
	.breadcrumb {
		float: none;
		clear: both;
		text-align: center;
	}
	
	#content-inner {
		padding: 15px;
	}
	
	.featured-image {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.author-box {
		text-align: center;
	}
	
	.author-box img {
		float: none;
	}
	
	.author-box .author-content {
		margin-left: 0;
		margin-top: 30px;
	}
	
	.comment-box img {
		display: none;
	}
	
	.comment-box .comment-content {
		margin-left: 0;
	}
	.comment-box .comment-info {
		margin-left: 0;
	}
	
	#respond input[type="submit"] {
		width: 100%;
	}
	
	.blog-grid-item {
		margin-left: -10px;
		margin-right: -10px;
	}
	
	.portfolio-featured-image {
		margin-left: -15px;
		margin-right: -15px;
	}	
	
	.slider-container {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.portfolio-related-posts {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.portfolio-filterable {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.services {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.steps {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.contact-map {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	body.onepage-home .navbar-right {
		width: 100%;
		top: 80px;
		text-align: center;	
	}
	
	body.onepage-home .navbar-right li {
		position: relative;
		right: initial !important;
	}
	
	.navbar-brand {
		width: 100%;
		text-align: center;
	}
	
	#trigger {
		position: absolute;
	}
	
	.team-member {
		margin-bottom: 15px;
	}		
	
	body.onepage-home header.active .navbar-inverse {
		min-height: 150px;
	}
	
	body.onepage-home {
		padding-top: 190px;
	}
}