/*------------------------------------------------------------------------------*/
/*                    width : 1200px 
/*------------------------------------------------------------------------------*/
@media (min-width: 1200px) {
	.boxed,.boxed-2 {
		width: 1200px !important;
	}
	.grid_1200.boxed #header.fixed-nav,.grid_1200.boxed-2 #header.fixed-nav {
		width: 1200px;
	}	
}
/*------------------------------------------------------------------------------*/
/*                    width : 991px 
/*------------------------------------------------------------------------------*/
@media (min-width: 991px) and (max-width: 1200px) {
	.logo span {
		display: none;
	}
	#header.header-2 .navigation > ul > li {
		margin-right: 5px;
	}
	#header.header-2 .navigation > ul > li > a {
		padding: 0 1px;
	}
	.col-md-9.main-content li.col-md-3.portfolio-item,.portfolio-full-width li.col-md-3 {
		width: 24.9%;
	}
	.col-md-9.main-content .portfolio-no-margin li.col-md-3.portfolio-item {
		width: 25%;
	}		
}
/*------------------------------------------------------------------------------*/
/*                    width : 990px 
/*------------------------------------------------------------------------------*/
@media (min-width:990px) and (max-width: 991px) {
	.container {
		width: 970px;
	}
}
/*------------------------------------------------------------------------------*/
/*                    width : 768px 
/*------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 992px) {
	.boxed,.boxed-2 {
		width: 100%;
		margin: 0;
	}
	.boxed .slideshow .tparrows.tp-leftarrow,.boxed-2 .slideshow .tparrows.tp-leftarrow {
		left: -20px !important;
	}
	.boxed .slideshow .tparrows.tp-rightarrow,.boxed-2 .slideshow .tparrows.tp-rightarrow {
		right: -20px !important;
	}
	#header.header-3 .navigation_mobile {
		float: none;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 20px;
	}
	#header.header-4::after {
		height: 0;
	}
	.header-search {
		margin-top: 20px;
	}
	.header-search-a {
		height: 51px;
		width: 51px;
		line-height: 49px;
	}
	.header-search-form {
		top:51px;
	}
	.crumbs {
		display: none;
	}
	.slide-h2 h2 {
		font-size: 30px !important;
	}
	.slide-h3 h2 {
		font-size: 25px !important;
	}
	.slide-h2 h2,.slide-h3 h2,.slide-p p {
		padding: 0 40px !important;
	}
	.portfolio-item.col-md-3,.portfolio-item.col-md-4,.portfolio-item.col-md-6,.blog-item.col-md-6,.col-md-3.isotope-item,.col-5.isotope-item,.blog-item.col-md-4,.member-item.col-md-3,.member-item.col-md-4,.pricing-item,#coming-soon .col-md-3,.col-md-9.main-content .portfolio-no-margin li.col-md-4.portfolio-item.col-md-3,.portfolio-no-margin div.col-md-4.portfolio-item.col-md-3 {
		float: left;
		width: 50%;
	}	
	.col-md-2.client-item,.portfolio-full-width .portfolio-item.col-md-3,.portfolio-full-width li.col-5.portfolio-item,.portfolio-slide.bxslider-slide .portfolio-item.col-md-4 {
		float: left;
		width: 33.33333%;
	}
	.member-item img {
		width: 100%;
		height: auto;
	}
	.callout p {
		margin-bottom: 20px;
	}
	.pricing-header div strong {
		float: none;
	}
	.sections-left-sidebar .main-content,.sections-left-sidebar .sidebar {
		float: none;
	}
	.copyrights {
		float: none;
		text-align: center;
		margin-bottom: 20px;
	}
	.navigation-footer {
		float: none;
		text-align: center;
	}
	.navigation-footer > ul > li {
		float: none;
		display: inline-block;
	}
	.box-icon, .box-icon-service {
		margin-bottom: 30px;
	}
	.portfolio-img {display: none;}
	.portfolio-img-l {display: none;}
	.portfolio-img-xl {display: block;}	
}
@media (max-width: 992px) {
	.navigation li ul li a {line-height: 50px;}
}
@media (max-width: 989px) {
	.portfolio-img {display: none;}
	.portfolio-img-l {display: block;}
	.portfolio-img-xl {display: none;}		
}
/*------------------------------------------------------------------------------*/
/*                    Width : 452px
/*------------------------------------------------------------------------------*/
@media only screen and (min-width: 452px) and (max-width: 767px) {
	body {
		width: 100%;
	}
	.boxed,.boxed-2 {
		width: 100%;
		margin: 0;
	}
	.boxed .slideshow .tparrows.tp-leftarrow,.boxed-2 .slideshow .tparrows.tp-leftarrow {
		left: -20px !important;
	}
	.boxed .slideshow .tparrows.tp-rightarrow,.boxed-2 .slideshow .tparrows.tp-rightarrow {
		right: -20px !important;
	}
	#header-top {
		height: auto;
		text-align: center;
	}
	.phone-email {
		float: none;
		display: inline-block;
		/*margin-bottom: 20px;*/
		font-size: 14px;
	}
	#header-top .social-ul {
		float: none;
	}
	#header-top .social-ul li,#header-top .social-ul li a {
		float: none;
		display: inline-block;
		margin-left: -2px;
	}
	#header-top .social-ul li a {
		border-top: 1px solid #eae9e9;
	}
	#header-top.header-top-2 .social-ul li a {
		border-top-color: #646464;
	}
	#header-top.header-top-4 .social-ul li a {
		border-top-color: #e9e8e8;
	}
	#header {
		height: auto;
		padding-bottom: 20px;
	}
	.logo a {
		display: block;
		text-align: center;
		float: none;
		padding: 20px 0;
	}
	.logo span {
		display: none;
	}
	#header.header-4::after {
		height: 0;
	}
	.navigation_mobile {
		float: none;
		margin-right: auto;
		margin-left: auto;
		display: block;
		margin-top: 0px;
	}
	.crumbs {
		display: none;
	}
	.slide-h2 h2 {
		font-size: 30px !important;
	}
	.slide-h2 h2 {
		font-size: 25px !important;
	}
	.slide-h2 h2,.slide-h3 h2,.slide-p p {
		padding: 0 40px !important;
	}
	.portfolio-item.col-md-3,.portfolio-item.col-md-4,.portfolio-item.col-md-6,.blog-item.col-md-6,.col-md-3.isotope-item,.col-5.isotope-item,.blog-item.col-md-4,.member-item.col-md-3,.member-item.col-md-4,.pricing-item,#coming-soon .col-md-3,.col-md-9.main-content .portfolio-no-margin li.col-md-4.portfolio-item,.portfolio-no-margin div.col-md-4.portfolio-item {
		float: left;
		width: 50%;
	}
	.portfolio-no-margin li.portfolio-item,.portfolio-no-margin div.portfolio-item {
		width: 49.95%;
	}
	.col-md-2.client-item {
		float: left;
		width: 33.333%;
	}
	.portfolio-full-width .portfolio-item.col-md-3,.portfolio-full-width li.col-5.portfolio-item {
		width: 33.3%;
	}
	.portfolio-full-width .portfolio-desc {
		display: none;
	}
	.member-item img {
		width: 100%;
		height: auto;
	}
	.blog-date span:first-child {
		font-size: 20px;
	}
	.blog-meta div {
		margin-bottom: 5px;
	}
	.blog-meta a.button-3 {
		float: left;
		margin-top: 10px;
		clear: left;
	}
	.single-post .blog-content h6 {
		width: 100%;
	}
	.single-post .blog-meta {
		float: left;
	}
	.commentlist ul.children {
		margin-left: 80px;
	}
	.callout p {
		margin-bottom: 20px;
	}
	.pricing-header div strong {
		float: none;
	}
	.sections-left-sidebar .main-content,.sections-left-sidebar .sidebar {
		float: none;
	}
	.copyrights {
		float: none;
		text-align: center;
		margin-bottom: 20px;
	}
	.navigation-footer {
		float: none;
		text-align: center;
	}
	.navigation-footer > ul > li {
		float: none;
		display: inline-block;
	}
	.box-icon, .box-icon-service {
		margin-bottom: 30px;
	}	
}
@media only screen and (max-width: 767px) {
	.social-ul {
		display: none;
	}
	.mobile-controls {display: inline-block;}
	#header-top .social-ul {float: right;}
	#header-top .social-ul li, #header-top .social-ul li a {float: left;border-top: none; margin-left: 10px;}
	.phone-email {float:left;}
	.share-spot {
		display: none;
	}
	.header-search {
		position: static;
	}
	.header-search-form {
		width: 100%;
		padding: 10px;
	}
	.header-search-form input {
		width: 100%;
		margin: 0px;
	}
	.header-search {
		margin: 0px auto 20px;
		/*float: none;*/
		text-align: center;
		line-height: normal;
	}
	.header-search-a {
		height: 51px;
		width: 51px;
		line-height: 49px;		
	}
	.header-search-form {
		height: 53px;
    	position: absolute;
    	right: 0;
    	width: 100%;
    	top: 186px;
	}	
}
/*------------------------------------------------------------------------------*/
/*                    width : 582px 
/*------------------------------------------------------------------------------*/
@media only screen and (max-width: 582px) {
	.portfolio-img {display: block;}
	.portfolio-img-l {display: none;}
	.portfolio-img-xl {display: none;}
	.portfolio-arrow-all {display: none;}
	.go-back {
		content: "\f053";
		font-family: "FontAwesome";
    	font-size: 12px;
    	box-sizing: border-box;
    	color: #fff;
    	font-size: 11px;
    	height: 25px;
    	line-height: 25px;
    	margin: 0 5px;
    	text-align: center;
    	width: 25px;
    	background-color: #8b0a05;
	}
	.portfolio-title {padding-right: 25px;}
	.portlet-frame{width: 100%;}
	.bx-viewport-about {
		position: relative;
		width: 100%;
		text-align: center;
		width: 100%; 
		overflow: hidden; 
		display: inline-block;
	}
	.bx-viewport-about DIV {
		margin: 0 auto;
		display: inline-block;
	}
}
/*------------------------------------------------------------------------------*/
/*                    width : 490px 
/*------------------------------------------------------------------------------*/
@media only screen and (max-width: 490px) {
	.mobile-controls {display: block;clear: both;border-top: 1px;float: none;margin-bottom: -4px; margin-top: 10px; width: 100%; text-align:center;overflow: hidden;}
	.mobile-controls-internal{margin: 0 auto;}
	.locale {width: 50px;}
	.locale-a {width: 100% !important;margin-left:0px !important;}
	.locale-img {margin: 0px;}
	.phone-email{float: none;font-size: 12px;display:inline;}
}
/*------------------------------------------------------------------------------*/
/*                    width : 479px 
/*------------------------------------------------------------------------------*/
@media only screen and (max-width: 479px) {
	body {
		width: 100%;
	}
	.boxed,.boxed-2 {
		width: 100%;
		margin: 0;
	}
	.boxed .slideshow .tparrows.tp-leftarrow,.boxed-2 .slideshow .tparrows.tp-leftarrow {
		left: -20px !important;
	}
	.boxed .slideshow .tparrows.tp-rightarrow,.boxed-2 .slideshow .tparrows.tp-rightarrow {
		right: -20px !important;
	}
	#header-top {
		height: auto;
		text-align: center;
	}
	.phone-email {
		float: none;
		display: inline-block;
/*		margin-bottom: 20px;*/
	}
	#header-top .social-ul {
		float: none;
	}
	#header-top .social-ul li,#header-top .social-ul li a {
		float: none;
		display: inline-block;
		margin-left: -3px;
	}
	#header-top .social-ul li a {
		border-top: 1px solid #eae9e9;
	}
	#header-top.header-top-2 .social-ul li a {
		border-top-color: #646464;
	}
	#header-top.header-top-4 .social-ul li a {
		border-top-color: #e9e8e8;
	}
	#header {
		height: auto;
		padding-bottom: 20px;
	}
	.logo a {
		display: block;
		text-align: center;
		float: none;
		padding: 20px 0;
	}
	.logo span {
		display: none;
	}
	.header-search {
		display: inline-block;
		text-align: center;
		line-height: normal;
		margin-top: 0px;
	}
	.header-search-a {
		height: 51px;
    	line-height: 49px;
    	width: 51px;
	}
	.header-search-form {
		width: 100%;
		padding: 10px;
	}
	.header-search-form input {
		width: 100%;
		margin: 0;
	}
	.navigation_mobile {
		float: left;
		margin-right: auto;
		margin-left: auto;
		display: inline-block;
		width: 80%;
		margin-top: 0px;
	}
	.crumbs {
		display: none;
	}
	.slide-h2 h2 {
		font-size: 17px !important;
	}
	.slide-h3 h2 {
		font-size: 15px !important;
	}
	.slide-h2 h2,.slide-h3 h2 {
		padding: 0 40px !important;
	}
	.slide-p p {
		display: none;
	}
	.slide-a a {
		font-size: 7px;
		padding-right: 10px;
		padding-left: 10px;
	}
	.portfolio-item.col-md-3,.portfolio-item.col-md-4,.portfolio-item.col-md-6,.blog-item.col-md-6,.col-md-3.isotope-item,.col-5.isotope-item,.blog-item.col-md-4,.member-item.col-md-3,.member-item.col-md-4,.pricing-item,#coming-soon .col-md-3,.portfolio-full-width .portfolio-item.col-md-3,.col-md-9.main-content li.col-md-6.portfolio-item,.col-md-9.main-content .portfolio-no-margin li.col-md-4.portfolio-item,.portfolio-no-margin div.col-md-4.portfolio-item,.portfolio-full-width li.col-5.portfolio-item {
		float: left;
		width: 100%;
	}
	.portfolio-img {display: none;}
	.portfolio-img-l {display: none;}
	.portfolio-img-xl {display: block;}
	.col-md-2.client-item {
		float: left;
		width: 50%;
	}
	.member-item img {
		width: 100%;
		height: auto;
	}
	.blog-date span:first-child {
		font-size: 20px;
	}
	.blog-meta div {
		margin-bottom: 5px;
	}
	.blog-meta a.button-3 {
		float: left;
		margin-top: 10px;
		clear: left;
	}
	.single-post .blog-content h6 {
		width: 100%;
	}
	.single-post .blog-meta {
		float: left;
	}
	.post-social {
		float: left;
		margin-top: 10px;
	}
	.commentlist ul.children {
		margin-left: 50px;
	}
	.callout p {
		margin-bottom: 20px;
	}
	.pricing-header div strong {
		float: none;
	}
	.sections-left-sidebar .main-content,.sections-left-sidebar .sidebar {
		float: none;
	}
	.copyrights {
		float: none;
		text-align: center;
		margin-bottom: 20px;
		line-height: 22px;
	}
	.navigation-footer {
		float: none;
		text-align: center;
	}
	.navigation-footer > ul > li {
		float: none;
		display: inline-block;
	}
	.box-icon, .box-icon-service {
		margin-bottom: 30px;
	}
	.portfolio-hover {	
		background-color: transparent;	
		transition-property: none;		
	}	
	.portfolio-one:hover .portfolio-hover {
		display: none;
	}
	.portfolio-head {
		cursor: pointer;
	}	
	.section-title, .portfolio-description, .portfolio-details {
		margin-left: -15px;
		margin-right: -15px;
	}	
}
/*------------------------------------------------------------------------------*/
/*                    width : 460px 
/*------------------------------------------------------------------------------*/
@media only screen and (min-width: 0px) and (max-width: 460px) {
	
}
/*------------------------------------------------------------------------------*/
/*                    width : 440px 
/*------------------------------------------------------------------------------*/

@media only screen and (min-width: 0px) and (max-width: 440px) {
	.navigation_mobile {width: 78%;}
	.search-portlet-button{display: none;}
	.portal-search-form input {margin:10px 0;}
	.pagination-header, .pagination-footer {margin-bottom: 30px; margin-top:30px;}
	.sections {padding-top:30px; padding-bottom:40px;}		
}
@media only screen and (min-width: 0px) and (max-width: 410px) {
	.navigation_mobile {
		width: 76%;
	}
}
/*------------------------------------------------------------------------------*/
/*                    width : 380px 
/*------------------------------------------------------------------------------*/
@media only screen and (min-width: 0px) and (max-width: 380px) {
	#portalLayoutWrapperDIV {
		padding: 10px 20px;  
	}	
	.pagination, .pagination-header, .pagination-footer {float:none;}
	.pagination-header {margin-top:10px;margin-bottom: 20px; }
	.pagination-footer {margin-top:18px;margin-bottom: 10px; }	
	.portlet-frame-box {padding: 20px;}	
}
@media only screen and (min-width: 0px) and (max-width: 320px) {
	.portlet-frame-box {padding: 16px;}	
}