@media (min-width: 1200px) { 
	.layout-boxed #st-wrapper,
	.layout-boxed #header{
		width: 1200px;
	}
	
	/*custom mobile css start here*/
}

@media (min-width: 1201px) and (max-width: 1199px) {
	.layout-boxed #st-wrapper,
	.layout-boxed #header{
		width: 990px;
	}
	
	/*custom mobile css start here*/
}

@media (min-width: 1201px) {
	.header-style-vl #st-wrapper {
		margin-left:260px;	
	}
	.header-style-vr #st-wrapper {
		margin-right:260px;	
	}
	#header-side{
		height: 100%;
		padding: 40px 0;
		position: fixed;
		top: 0;
		width: 260px;
		z-index:205;
		-webkit-transition: all 0.3s ease 0s;
				transition: all 0.3s ease 0s;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	.header-style-vl #header-side{
		left: 0;
	}
	.header-style-vr #header-side{
		right: 0;
	}
	.header-style-sl #header-side,
	.header-style-pl #header-side{
		left: -260px;
	}
	.header-style-sr #header-side,
	.header-style-pr #header-side{
		right: -260px;
	}
	.header-style-sl #header-side.os-menu-on,
	.header-style-pl #header-side.os-menu-on{
		left: 0;
	}
	.header-style-sr #header-side.os-menu-on,
	.header-style-pr #header-side.os-menu-on{
		right: 0;
	}
	body.header-style-pl,
	body.header-style-pr{
		left:0;
    	overflow-x: hidden;
    	position: relative;
		-webkit-transition: all 0.3s ease 0s;
				transition: all 0.3s ease 0s;
	}
	body.header-style-pl.os-menu-on{
		left:260px;
	}
	body.header-style-pr.os-menu-on{
		left:-260px;
	}
	
	.st-portfolio .col-md-3{
		width: 24.99999%;
	}
	
	/*custom mobile css start here*/
}

@media (max-width: 1200px) {	
	#header,
	.header-regular #header,
	.header-sticky #header,
	.header-fixed #header,
	body.fs-menu-on #header,
	.header-side-inner{
		position:relative;
		color:inherit;
	}
	#top-wrapper,
	#primary-menu,
	#header .middle-inner,
	#header .header-search,
	#header-side .header-sidebar,
	#toggle-os-menu{
		display:none;
	}
	#header #middle-wrapper,
	#header .header-logo{
		line-height:60px;
	}
	#header .middle-container{
		float:right;
	}
	#toggle-mobile-menu{
		display:block;
	}
	
	.header-canvas #header .header-logo{
		float:none;
	}
	#header .header-logo a img{
		max-height:50px !important;
		width:auto;
	}
	#header .middle-container{
		line-height:inherit;
	}
	.header-style-h2 .header-logo{
		left:auto;
		-webkit-transform:translateX(0);
				transform:translateX(0);
	}
	#header-side .header-logo{
		margin:0;
	}
	
	/*custom mobile css start here*/
	.st-client ul.list-inline li { width: 33.33333%; }
	
	.title-holder{
		padding: 40px 0 30px !important;
		height:auto !important;
	}
	
	
	.team-container.style-3{
		text-align:center;
	}
	.team-container.style-3 .team-photo{
		float:none;
		margin-left: auto;
    	margin-right: auto;
	}
	.team-container.style-3 .team-inner{
		padding-left:0;
	}
	.team-container.style-3 .team-meta:after{
		left:50%;
		margin-left:-25px;
	}
}

@media (min-width: 768px) and (max-width: 1200px) {	
	.layout-boxed #st-wrapper{
		width: 770px;
	}
	
	/*custom mobile css start here*/
	.st-pricing.c2 .plan-container,
	.st-pricing.c3 .plan-container,
	.st-pricing.c4 .plan-container,
	.st-pricing.c5 .plan-container{
		width:30.55%;
		margin:0 10px 20px!important;
	}
	.st-pricing .featured{
		padding:32px;
	}
}

@media (max-width: 767px) {
	.st-portfolio .col-md-6{
		width: 49.99999%;
	}
	
	.woocommerce-page ul.products li:nth-child(2n+1){
		clear: both;
	}
	
	/*custom mobile css start here*/	
	.page-title{
		font-size:2em;
	}
	
	.st-pricing.c2 .plan-container,
	.st-pricing.c3 .plan-container,
	.st-pricing.c4 .plan-container,
	.st-pricing.c5 .plan-container{
		width:47.7%;
		margin:0 5px 10px !important;
	}
	
	.blog-container .post-title, 
	.blog-single .post-title,
	.blog-small .blog-container .post-title{
		font-size:18px;
		font-weight:700;
	}
	
	.blog-small .blog-inner{
		padding-top:20px;
	}
	
	.post-sharing .share-data a:after{
		display:none;
	}
	
	.comment-form-author, 
	.comment-form-email, 
	.comment-form-url{
		float:none;
		width:100%;
		margin:0 0 10px;
	}
	
	#secondary-nav,
	.woocommerce .shop_table .product-name{
		display:none;
	}
	
	.quantity .minus, .quantity .plus{
		margin:0 10px;
	}
	
	.st-offer-slider .offer-image{
		position:relative;
		right:0;
	}
	.st-offer-slider .container{
		display:none;
	}
}

@media (max-width: 479px) {
	.st-blog [class*="col-"],
	.st-portfolio [class*="col-"],
	.st-team [class*="col-"],
	.woocommerce ul.products [class*="col-"],
	.woocommerce-page ul.products [class*="col-"]{
		width: 100% !important;
	}
	
	/*custom mobile css start here*/
	blockquote.pull-left, 
	blockquote.pull-right{
		width:100%;
	}
	
	.st-pricing.c2 .plan-container,
	.st-pricing.c3 .plan-container,
	.st-pricing.c4 .plan-container,
	.st-pricing.c5 .plan-container{
		width:100%;
		margin:0 0 20px!important;
	}
	.st-pricinglist .box-container > div{
		display:block;
		text-align:center;
	}
	.st-pricinglist .box-container .box-image,
	.st-pricinglist .box-container .box-price{
		width:100%;
		padding:15px 0;
	}
	.st-pricinglist .style-1 .box-meta span{
		padding:0;
	}
	.st-pricinglist .style-1 .box-meta span:after{
		display:none;
	}
	
	.st-tabs .tab-title,
	.st-tabs .tab-title li{
		float:none;
		display:block;
		width:100%;
	}
	.st-tabs .tab-title{
		margin-bottom:20px;
	}
	.st-tabs .tab-title li{
		margin-bottom:1px;
	}
	
	.st-ctabox.style-1,
	.st-ctabox.style-1 .ctabox-content{
		display:block;
	}
	.st-ctabox.style-1 .ctabox-content{
		padding-bottom:0;
	}
	.st-ctabox.style-1 div.ctabox-button{
		margin-top:0;
	}
	
	.post-sharing .share-data ul{
		border-top:1px solid #e2e2e2;
		margin:0 -15px;
	}
	.post-sharing .share-data li{
		display:block;
		margin-bottom:0;
		border-bottom:1px solid #e2e2e2;
	}
	.post-sharing .share-data li a{
		border:none;
		display:block;
		padding:13px 20px;
	}
	.post-sharing .share-data a:after{
		display:inline-block;
	}
	
	.comment .comment-reply-link{
		position:relative;
		top:auto;
		right:auto;
		margin-bottom:10px;
	}
	
	#copyright-wrapper{
		text-align:center;
	}
	
}